sam/Foxnouns.NET
sam/Foxnouns.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: remove scoped styles from user pages

Browse source 
these are *hell* for user styles and they're really not necessary.
they are still used on some editor pages as those are less important
to be able to comprehensively style, imo
This commit is contained in:
sam 2024-12-14 00:51:17 +01:00
parent 39a3098a99
commit 5cdadc6158
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
3 changed files with 16 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
Foxnouns.Frontend/src/app.scss
View file

@ -49,3 +49,18 @@
}
}
}
// Give identicons a background distinguishable from the page
.identicon {
@media (prefers-color-scheme: dark) {
background-color: var(--bs-secondary-border-subtle);
}
background-color: var(--bs-light-border-subtle);
}
.profile-flag {
height: 1.5rem;
max-width: 200px;
border-radius: 3px;
}

8
Foxnouns.Frontend/src/lib/components/Avatar.svelte
View file

@ -26,12 +26,4 @@
img {
object-fit: cover;
}
.identicon {
@media (prefers-color-scheme: dark) {
background-color: var(--bs-secondary-border-subtle);
}
background-color: var(--bs-light-border-subtle);
}
</style>

10
Foxnouns.Frontend/src/lib/components/profile/ProfileFlag.svelte
View file

@ -10,17 +10,9 @@
<span class="mx-2 my-1">
<img
use:tippy={{ content: flag.description ?? flag.name }}
class="flag"
class="profile-flag"
src={flag.image_url ?? DEFAULT_FLAG}
alt={flag.description ?? flag.name}
/>
{flag.name}
</span>
<style>
.flag {
height: 1.5rem;
max-width: 200px;
border-radius: 3px;
}
</style>