From 1b9e3a2470d1123b362ad47725bd76b2eb7b39eb Mon Sep 17 00:00:00 2001 From: Danijel Anđelković Date: Thu, 28 Apr 2022 22:09:08 +0200 Subject: Dodatne stranice i komponente tako da su vise u skladu sa novom temom (navbar, home, archive). --- frontend/src/styles/helper.css | 12 +++++++++++- frontend/src/styles/layout.css | 23 ++++++++++++++++++++--- frontend/src/styles/theme.css | 4 ++++ 3 files changed, 35 insertions(+), 4 deletions(-) (limited to 'frontend/src/styles') diff --git a/frontend/src/styles/helper.css b/frontend/src/styles/helper.css index c8d240f6..d4772134 100644 --- a/frontend/src/styles/helper.css +++ b/frontend/src/styles/helper.css @@ -32,7 +32,6 @@ text-align: center; } - .row-height { white-space: nowrap; height: 1rem; @@ -131,4 +130,15 @@ position: absolute; top: 5px; right: 5px; +} + +input:-webkit-autofill, +textarea:-webkit-autofill, +select:-webkit-autofill { + -webkit-box-shadow: 0 0 0 1000px var(--ns-bg) inset !important; + -webkit-text-fill-color: var(--ns-accent) !important; +} + +a { + color: var(--ns-accent) !important; } \ No newline at end of file diff --git a/frontend/src/styles/layout.css b/frontend/src/styles/layout.css index 676bec32..c0af31c3 100644 --- a/frontend/src/styles/layout.css +++ b/frontend/src/styles/layout.css @@ -31,9 +31,26 @@ body { padding: 2px; margin-bottom: 0; padding-bottom: 0; + flex-grow: 1; + flex-shrink: 0; + flex-basis: 50%; +} + +@media screen and (min-width: 1200px) { + .ns-col { + flex-basis: 25%; + } } -.break-1, +@media screen and (min-width: 1600px) { + .ns-col { + flex-basis: 12.5%; + width: 10%; + } +} + +*/ +/*.break-1, .break-2 { height: 1px; width: 100%; @@ -45,11 +62,11 @@ body { } } -@media screen and (min-width: 2175px) { +@media screen and (min-width: 1600px) { .break-2 { display: none; } -} +}*/ .center-center { text-align: center; diff --git a/frontend/src/styles/theme.css b/frontend/src/styles/theme.css index c517e885..a76f4714 100644 --- a/frontend/src/styles/theme.css +++ b/frontend/src/styles/theme.css @@ -45,6 +45,10 @@ a { color: var(--offwhite) !important; } +.highlight { + color: var(--ns-accent); +} + /* Ripple effect */ -- cgit v1.2.3