Styling tweaks

This commit is contained in:
Alicia Sykes 2024-03-25 11:21:06 +00:00
parent 37a3b6f879
commit 73467b3e7c
7 changed files with 13 additions and 6 deletions

View file

@ -135,6 +135,8 @@ const {
gap: 0.5rem;
img {
border-radius: var(--curve-sm);
font-size: 0.6rem;
color: var(--accent);
}
:global(p) {
display: -webkit-box;
@ -157,7 +159,7 @@ const {
display: inline-flex;
align-items: center;
gap: 0.25rem;
opacity: 0.7;
opacity: 0.85;
text-decoration: none;
max-width: 50%;
min-width: 25%;
@ -166,7 +168,7 @@ const {
}
&:hover {
text-decoration: underline;
opacity: 0.8;
opacity: 1;
}
:global(svg) {
width: 1rem;

View file

@ -22,7 +22,7 @@ const {
---
<!doctype html>
<html lang="en">
<html lang="en" data-theme="dark">
<head>
<ViewTransitions />
@ -93,4 +93,5 @@ const {
/* background: -webkit-radial-gradient(circle, var(--bg-gradient-comp-1) 0%, var(--bg-gradient-comp-2) 100%);
background: radial-gradient(circle, var(--bg-gradient-comp-1) 0%, var(--bg-gradient-comp-2) 100%); */
}
</style>

View file

@ -51,6 +51,7 @@ const { previous, next } = makePaginationLinks();
<Layout title={`${title} | Awesome Privacy`}>
<Main>
<SectionList title={title} sections={sections} bigTitle={true} />
<a href={`/all#${slugify(title)}`}>Browse All</a>
<div class="pagination-navigation">
{ previous ? (
<Button url={`/${slugify(previous)}`}>

View file

@ -449,7 +449,7 @@ h3 {
.license-content {
max-height: 500px;
overflow: scroll;
background: #e6e6ee;
background: var(--background-form);
width: fit-content;
border-radius: var(--curve-sm);
padding: 0.5rem;

View file

@ -135,7 +135,7 @@ main {
text-align: justify;
width: 600px;
margin: 0 auto;
background: #ffffff4d;
background: var(--background-form);
padding: 1rem;
border-radius: var(--curve-sm);
}
@ -146,6 +146,7 @@ main {
outline: none;
border: none;
cursor: pointer;
color: var(--accent);
&:hover {
text-decoration: underline;
}

View file

@ -129,6 +129,7 @@ if (typeof window !== 'undefined') {
font-size: 1.2rem;
box-shadow: 3px 3px 0 var(--box-outline);
color: var(--accent-3);
background: var(--background-form);
&:focus {
outline: none;
box-shadow: 4px 4px 0 var(--box-outline);

View file

@ -80,7 +80,7 @@ const categories = (await fetchData() as AwesomePrivacy)?.categories || [];
</ul>
</li>
<li>
<a href="/map">Sitemap</a>
<a href="/sitemap">Sitemap</a>
</li>
</ul>
</main>
@ -218,6 +218,7 @@ h2 {
font-size: 1rem;
box-shadow: 3px 3px 0 var(--box-outline);
color: var(--accent-3);
background: var(--background-form);
&:focus {
outline: none;
box-shadow: 4px 4px 0 var(--box-outline);