mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-04-26 17:27:09 -05:00
Small changes
This commit is contained in:
parent
35f48272af
commit
858fcf750d
|
|
@ -320,9 +320,10 @@
|
||||||
font-size: var(--font-2xs);
|
font-size: var(--font-2xs);
|
||||||
color: var(--color-text-high);
|
color: var(--color-text-high);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
padding: var(--s-1) var(--s-3);
|
height: var(--selector-size);
|
||||||
|
padding: 0 var(--s-3);
|
||||||
background-color: var(--color-bg-high);
|
background-color: var(--color-bg-high);
|
||||||
border-radius: var(--radius-field);
|
border-radius: var(--radius-selector);
|
||||||
|
|
||||||
& svg {
|
& svg {
|
||||||
stroke-width: 3;
|
stroke-width: 3;
|
||||||
|
|
|
||||||
|
|
@ -165,7 +165,8 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: var(--s-1);
|
gap: var(--s-1);
|
||||||
padding: var(--s-1) var(--s-2);
|
padding: 0 var(--s-2);
|
||||||
|
height: var(--field-size-sm);
|
||||||
border-radius: var(--radius-field);
|
border-radius: var(--radius-field);
|
||||||
font-size: var(--font-xs);
|
font-size: var(--font-xs);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
@ -246,8 +247,8 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 28px;
|
height: var(--field-size-sm);
|
||||||
height: 28px;
|
aspect-ratio: 1 / 1;
|
||||||
border: 1px solid var(--color-border);
|
border: 1px solid var(--color-border);
|
||||||
border-radius: var(--radius-field);
|
border-radius: var(--radius-field);
|
||||||
background-color: var(--color-bg);
|
background-color: var(--color-bg);
|
||||||
|
|
|
||||||
|
|
@ -19,4 +19,5 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: var(--s-2);
|
gap: var(--s-2);
|
||||||
|
margin-block-end: var(--s-2);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -116,10 +116,17 @@
|
||||||
|
|
||||||
.logoContainer {
|
.logoContainer {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: var(--s-4);
|
gap: var(--s-4);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@container (width >= 480px) {
|
||||||
|
.logoContainer {
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
border-radius: var(--radius-avatar);
|
border-radius: var(--radius-avatar);
|
||||||
min-width: 124px;
|
min-width: 124px;
|
||||||
|
|
|
||||||
|
|
@ -332,6 +332,8 @@
|
||||||
margin: 0.5rem;
|
margin: 0.5rem;
|
||||||
translate: -0.5rem;
|
translate: -0.5rem;
|
||||||
max-height: 50dvh;
|
max-height: 50dvh;
|
||||||
|
scrollbar-width: thin;
|
||||||
|
scrollbar-color: var(--color-bg-higher) transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* biome-ignore lint: experimental CSS feature */
|
/* biome-ignore lint: experimental CSS feature */
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user