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

60
app/components/Input.module.css Normal file
View File

@@ -0,0 +1,60 @@
.container {
display: flex;
font-size: var(--font-sm);
outline: none;
border: var(--border-style);
border-radius: var(--radius-field);
background-color: var(--color-bg);
height: var(--field-size);
width: 100%;
& svg {
color: var(--color-text-high);
height: calc(var(--field-size) / 2);
margin: auto;
margin-right: 15px;
}
&:has(input:user-invalid) {
outline: var(--focus-ring-error);
outline-offset: 1px;
}
&:focus-within {
outline: var(--focus-ring);
outline-offset: 1px;
}
input {
border-radius: var(--radius-field);
padding: 0 var(--field-padding);
outline: none;
width: 100%;
background-color: inherit;
color: inherit;
border: none;
&::placeholder {
color: var(--color-text-high);
}
}
}
.readOnly {
pointer-events: none;
cursor: not-allowed;
opacity: 0.5;
outline: none;
}
.addon {
display: grid;
border-radius: var(--radius-field) 0 0 var(--radius-field);
background-color: var(--color-bg-high);
color: var(--color-text-high);
font-size: var(--font-xs);
font-weight: var(--weight-semi);
padding-inline: var(--s-2);
place-items: center;
white-space: nowrap;
}