diff options
| author | Fuwn <[email protected]> | 2024-02-03 02:15:14 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-02-03 02:16:17 -0800 |
| commit | 17090037235d24d5dbf58473aed930b76f50e742 (patch) | |
| tree | b50d378be1460bd8b62896c2b8ae2fe6fd59cd60 /src | |
| parent | feat(cover): better movement (diff) | |
| download | due.moe-17090037235d24d5dbf58473aed930b76f50e742.tar.xz due.moe-17090037235d24d5dbf58473aed930b76f50e742.zip | |
fix(typography): opaque
Diffstat (limited to 'src')
| -rw-r--r-- | src/routes/+layout.svelte | 2 | ||||
| -rw-r--r-- | src/routes/reader/+page.svelte | 4 | ||||
| -rw-r--r-- | src/styles/typography.css | 8 |
3 files changed, 3 insertions, 11 deletions
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index ce9abd89..c92cf7d7 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -105,7 +105,7 @@ <a href={root('/tools')} class="header-item">{$locale().navigation.tools}</a> <a href={root('/settings')} class="header-item">{$locale().navigation.settings}</a> - <span class="header-item true-opaque">|</span> + <span class="header-item opaque">|</span> {#if data.user} <a href={root(`/user/${$userIdentity.name}`)} class="header-item"> diff --git a/src/routes/reader/+page.svelte b/src/routes/reader/+page.svelte index 96c41754..269debe1 100644 --- a/src/routes/reader/+page.svelte +++ b/src/routes/reader/+page.svelte @@ -19,7 +19,7 @@ Vol. {chapter.attributes.volume} {/if} Ch. {chapter.attributes.chapter} - <span class="true-opaque">|</span> + <span class="opaque">|</span> <a href={`https://mangadex.org/chapter/${chapter.id}`} target="_blank" @@ -31,7 +31,7 @@ {/each} </ul> {:else} - <p class="true-opaque">(⌣_⌣”)</p> + <p class="opaque">(⌣_⌣”)</p> {/if} {:catch error} {error} diff --git a/src/styles/typography.css b/src/styles/typography.css index c1eefbd5..0b9bb694 100644 --- a/src/styles/typography.css +++ b/src/styles/typography.css @@ -21,13 +21,5 @@ body { } .opaque { - opacity: 1; - position: relative; - z-index: -1; -} - -.true-opaque { opacity: 0.5; - position: relative; - z-index: -1; } |