diff options
| author | Stanisław Zagórowski <hasohasacz@gmail.com> | 2023-10-05 20:52:47 +0200 |
|---|---|---|
| committer | Stanisław Zagórowski <hasohasacz@gmail.com> | 2023-10-05 20:52:47 +0200 |
| commit | d6c36c47f855ac3fd998cedc422a6d91ecbf10f8 (patch) | |
| tree | d18a31c07e3ebfe90f76c57e3194ed05ed63b59f /front/src/components/navbar.css | |
| parent | dfa93f039a8191bd88d6f39f75730803e4bfba8d (diff) | |
front: awesome background
Diffstat (limited to 'front/src/components/navbar.css')
| -rw-r--r-- | front/src/components/navbar.css | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/front/src/components/navbar.css b/front/src/components/navbar.css index 466fdd6..9120052 100644 --- a/front/src/components/navbar.css +++ b/front/src/components/navbar.css @@ -1,7 +1,7 @@ /* on big screens, navbar is fixed to the top of the screen */ .navbar-container { position: fixed; - background-color: var(--color-bg); + /* gradient from top to bottom, full to transparent */ top: 0; width: 100%; z-index: 9999; @@ -16,11 +16,12 @@ } .navbar { - margin-top: 20pt; - margin-bottom: 12pt; + padding-top: 20pt; + padding-bottom: 12pt; align-items: center; justify-content: center; align-self: center; + background: linear-gradient(to bottom, var(--color-bg) 0%, var(--color-bg) 75%, rgba(0, 0, 0, 0) 100%); } .navbar-icon { |