diff options
| author | Fuwn <[email protected]> | 2024-01-05 20:09:34 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-05 20:09:34 -0800 |
| commit | ae381a4e80eb8064f929121a3d51f93b6d136c7f (patch) | |
| tree | 716c4e897707631a4d6c944267aed5745211e9c7 /src | |
| parent | feat(layout): navigation font (diff) | |
| download | due.moe-ae381a4e80eb8064f929121a3d51f93b6d136c7f.tar.xz due.moe-ae381a4e80eb8064f929121a3d51f93b6d136c7f.zip | |
feat(css): fancy shadows
Diffstat (limited to 'src')
| -rw-r--r-- | src/app.css | 9 | ||||
| -rw-r--r-- | src/lib/Media/Cover/HoverCover.svelte | 2 | ||||
| -rw-r--r-- | src/lib/Tools/Schedule/Tool.svelte | 2 | ||||
| -rw-r--r-- | src/routes/+layout.svelte | 4 |
4 files changed, 7 insertions, 10 deletions
diff --git a/src/app.css b/src/app.css index b920a8c0..f44c96d3 100644 --- a/src/app.css +++ b/src/app.css @@ -23,12 +23,7 @@ details { background-color: var(--base0011); padding: 1rem; border-radius: 8px; - box-shadow: 0 4px 30px var(--base01); -} - -.fancy-image { - border-radius: 8px; - box-shadow: 0 4px 30px var(--base01); + box-shadow: 0 2.5px 10px var(--base01), 0 0 0 5px var(--base02), 0 4px 30px var(--base01); } summary { @@ -187,7 +182,7 @@ button:disabled:active { background-color: var(--base0011); padding: 1rem; border-radius: 8px; - box-shadow: 0 4px 30px var(--base01); + box-shadow: 0 2.5px 10px var(--base01), 0 0 0 5px var(--base02), 0 4px 30px var(--base01); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } diff --git a/src/lib/Media/Cover/HoverCover.svelte b/src/lib/Media/Cover/HoverCover.svelte index dee3f592..c2ce5f49 100644 --- a/src/lib/Media/Cover/HoverCover.svelte +++ b/src/lib/Media/Cover/HoverCover.svelte @@ -26,7 +26,7 @@ z-index: 1000; height: auto; display: none; - border-radius: 3px; + border-radius: 8px; } .show { diff --git a/src/lib/Tools/Schedule/Tool.svelte b/src/lib/Tools/Schedule/Tool.svelte index 63817e3e..60828a7f 100644 --- a/src/lib/Tools/Schedule/Tool.svelte +++ b/src/lib/Tools/Schedule/Tool.svelte @@ -214,7 +214,7 @@ } .today { - box-shadow: 0 0 0 1px var(--base0E), 0 2px 4px var(--base0E); + box-shadow: 0 2.5px 10px var(--base01), 0 0 0 5px var(--base0E), 0 4px 30px var(--base01); } .list { diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 83b7f358..c237857e 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -66,7 +66,7 @@ <a href="/api/authentication/log-out" class="header-item">Log out </a> {#if data.user} <a href={`/user/${currentUserIdentity.name}`} class="header-item"> - <img class="fancy-image" id="avatar" src={currentUserIdentity.avatar} alt="Avatar" /> + <img id="avatar" src={currentUserIdentity.avatar} alt="Avatar" /> </a> {/if} {/if} @@ -152,5 +152,7 @@ width: 2em; display: inline-block; vertical-align: middle; + border-radius: 8px; + box-shadow: 0 1.5px 9px var(--base01), 0 0 0 4px var(--base0E), 0 4px 30px var(--base01); } </style> |