mirror of
https://github.com/Lissy93/awesome-privacy.git
synced 2026-03-11 08:55:33 +00:00
Styling tweaks
This commit is contained in:
parent
37a3b6f879
commit
73467b3e7c
7 changed files with 13 additions and 6 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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)}`}>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Reference in a new issue