diff options
| author | 0neGal <mail@0negal.com> | 2024-01-29 19:37:21 +0100 |
|---|---|---|
| committer | 0neGal <mail@0negal.com> | 2024-01-29 19:37:21 +0100 |
| commit | 9cdcc1ed92e6ec9a536c912f15409f2b77b559da (patch) | |
| tree | 09a9dec4b2e5a54034b2f6eb32153d290abf2e9b /src/app/css | |
| parent | bd36343fd6f419a6a504ea536cbd3813771e3004 (diff) | |
| download | Viper-9cdcc1ed92e6ec9a536c912f15409f2b77b559da.tar.gz Viper-9cdcc1ed92e6ec9a536c912f15409f2b77b559da.zip | |
many changes to release notes and mods pages
Scrollbar is globally different, the release notes and mods page now
look more alike, having adjusted some padding, added some backgrounds
and a few other things.
Diffstat (limited to 'src/app/css')
| -rw-r--r-- | src/app/css/launcher.css | 16 | ||||
| -rw-r--r-- | src/app/css/theming.css | 5 |
2 files changed, 16 insertions, 5 deletions
diff --git a/src/app/css/launcher.css b/src/app/css/launcher.css index e165c58..38c62ac 100644 --- a/src/app/css/launcher.css +++ b/src/app/css/launcher.css @@ -153,11 +153,17 @@ .section .release-block { margin-top: 0px; - border-radius: 5px; background: var(--bg); padding: var(--padding); backdrop-filter: blur(15px); margin-bottom: var(--padding); + border-radius: calc(var(--padding) / 3); +} + +.section .release-block { + backdrop-filter: none; + margin: var(--padding); + background: var(--selbg); } .section .release-block p:nth-child(1) { @@ -252,7 +258,10 @@ height: 80vh; margin-top: 35px; overflow-y: scroll; + background: var(--bg); flex-direction: column; + backdrop-filter: blur(15px); + border-radius: calc(var(--padding) / 3); } .inline * { @@ -305,11 +314,12 @@ code { } #modsdiv { - height: 80vh; overflow-y: scroll; - border-radius: 5px; background: var(--bg); backdrop-filter: blur(15px); + padding: calc(var(--padding) / 2); + height: calc(80vh - var(--padding)); + border-radius: calc(var(--padding) / 3); } #modsdiv .mod { diff --git a/src/app/css/theming.css b/src/app/css/theming.css index d16f455..d5a3d4d 100644 --- a/src/app/css/theming.css +++ b/src/app/css/theming.css @@ -51,7 +51,7 @@ input:disabled { } ::-webkit-scrollbar { - width: 8px !important; + width: 18px !important; } ::-webkit-scrollbar-track { @@ -60,8 +60,9 @@ input:disabled { } ::-webkit-scrollbar-thumb { + border: 5px solid transparent; border-radius: 10px !important; - background: rgb(var(--red)) !important; + box-shadow: rgb(var(--red)) 0px 0px 10px 10px inset; } ::selection { |