Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-08-20 01:55:26 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Design refresh + a bunch of stuff (#2864)

Browse Source 
Co-authored-by: hfcRed <hfcred@gmx.net>
This commit is contained in:
Kalle
2026-03-19 17:51:42 +02:00
committed by GitHub
parent fcc5c5f273
commit fef1ffc955
830 changed files with 35854 additions and 16836 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
app/components/BuildCard.module.css
View File

@@ -3,34 +3,28 @@
display: flex;
flex-direction: column;
padding: var(--s-3);
border-radius: var(--rounded);
background-color: var(--bg-lighter);
border-radius: var(--radius-box);
background-color: var(--color-bg-high);
gap: var(--s-3);
}
.private {
background-color: var(--bg-lighter-transparent);
background-color: var(--color-bg-higher);
}
.privateText {
display: flex;
justify-content: center;
font-weight: var(--semi-bold);
font-weight: var(--weight-semi);
gap: var(--s-1);
}
.privateIcon {
width: 16px;
margin-block-end: var(--s-1);
stroke-width: 2px;
}
.title {
overflow: hidden;
height: 2.5rem;
font-size: var(--fonts-sm);
font-size: var(--font-sm);
line-height: 1.25;
word-wrap: break-all;
word-wrap: break-word;
}
.topRow {
@@ -40,7 +34,7 @@
.dateAuthorRow {
display: flex;
font-size: var(--fonts-xxs);
font-size: var(--font-2xs);
gap: var(--s-1);
}
@@ -63,7 +57,12 @@
position: relative;
padding: var(--s-0-5);
border-radius: 50%;
background-color: var(--bg-darker-very-transparent);
background-color: var(--color-bg);
&:focus-within {
outline: var(--focus-ring);
outline-offset: 1px;
}
}
.top500 {
@@ -74,9 +73,9 @@
.weaponText {
padding-left: var(--s-1);
color: var(--text-lighter);
font-size: var(--fonts-xxs);
font-weight: var(--semi-bold);
color: var(--color-text-high);
font-size: var(--font-2xs);
font-weight: var(--weight-semi);
}
.weapons {
@@ -104,7 +103,7 @@
.gear {
border-radius: 50%;
background-color: var(--bg-darker-very-transparent);
background-color: var(--color-bg);
overflow: visible;
}
@@ -113,14 +112,9 @@
height: 100%;
align-items: flex-end;
justify-content: center;
gap: var(--s-4);
}
.icon {
width: 1.2rem;
height: 1.2rem;
gap: var(--s-2);
}
.smallText {
font-size: var(--fonts-xxs) !important;
font-size: var(--font-2xs) !important;
}