diff --git a/app/views/app.css b/app/views/app.css index d3e8dc4..e737ae3 100644 --- a/app/views/app.css +++ b/app/views/app.css @@ -1,5 +1,5 @@ :root { - font-size: 12px; + font-size: 14px; --nc-font-sans: sans-serif; --nc-font-mono: monospace; --nc-lk-1: #1875d1; @@ -9,11 +9,13 @@ } body { - padding-inline: 1rem; + padding-inline: 0.75rem; max-inline-size: 80rem; } header { + padding-block: 1.25rem; + margin-bottom: 0.75rem; display: flex; align-items: center; justify-content: space-evenly; @@ -21,6 +23,7 @@ header { header h1 { margin: 0; + font-size: 1.85rem; } header h1 > :is(a, a:hover) { @@ -28,7 +31,7 @@ header h1 > :is(a, a:hover) { } header nav > * { - font-size: 1.55rem; + font-size: 1.25rem; } a[href^="/"] { diff --git a/app/views/components/card.css b/app/views/components/card.css index ae66aca..9c6b79a 100644 --- a/app/views/components/card.css +++ b/app/views/components/card.css @@ -1,6 +1,7 @@ .card { margin: unset; - padding: 1rem; + padding: 0.25rem 0.75rem; + font-size: 0.75rem; aspect-ratio: 1; box-sizing: border-box; overflow: hidden; @@ -13,6 +14,7 @@ } .card h2 { + margin: unset; padding: unset; font-size: unset; } diff --git a/app/views/components/cards.css b/app/views/components/cards.css index d238db7..1564cbd 100644 --- a/app/views/components/cards.css +++ b/app/views/components/cards.css @@ -1,7 +1,7 @@ .cards { display: grid; - gap: 1rem; - grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); + gap: 0.75rem; + grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)); } .cards > a:hover::after { diff --git a/app/views/components/editor.css b/app/views/components/editor.css index 86f0257..03b5487 100644 --- a/app/views/components/editor.css +++ b/app/views/components/editor.css @@ -1,5 +1,6 @@ .editor { - padding: 1rem; + padding: 0.75rem; + font-size: 1rem; box-sizing: border-box; background-color: var(--nc-bg-2); color: var(--nc-tx-2); @@ -11,7 +12,7 @@ .editor :is(h1, h2, h3, h4, h5, h6) { padding: unset; - font-size: unset; + font-size: 1.25rem; } .editor p {