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

Remove some vars

Browse Source
This commit is contained in:
hfcRed 2026-01-14 17:42:12 +01:00
parent eb56039688
commit a43f06977f
9 changed files with 3 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/GearSelect.tsx
View File

@ -47,8 +47,6 @@ export function GearSelect<Clearable extends boolean | undefined = undefined>({
search={{ search={{
placeholder: t("common:forms.gearSearch.search.placeholder"), placeholder: t("common:forms.gearSearch.search.placeholder"),
}} }}
className={styles.selectWidthWider}
popoverClassName={styles.selectWidthWider}
selectedKey={value} selectedKey={value}
defaultSelectedKey={initialValue} defaultSelectedKey={initialValue}
onSelectionChange={(value) => onChange?.(value as any)} onSelectionChange={(value) => onChange?.(value as any)}

4
app/components/StageSelect.module.css
View File

@ -1,7 +1,3 @@
.selectWidthWider {
--select-width: 250px;
}
.item { .item {
display: flex; display: flex;
gap: var(--s-2); gap: var(--s-2);

2
app/components/StageSelect.tsx
View File

@ -48,8 +48,6 @@ export function StageSelect<Clearable extends boolean | undefined = undefined>({
search={{ search={{
placeholder: t("common:forms.stageSearch.search.placeholder"), placeholder: t("common:forms.stageSearch.search.placeholder"),
}} }}
className={styles.selectWidthWider}
popoverClassName={styles.selectWidthWider}
selectedKey={isControlled ? value : undefined} selectedKey={isControlled ? value : undefined}
defaultSelectedKey={isControlled ? undefined : (initialValue as Key)} defaultSelectedKey={isControlled ? undefined : (initialValue as Key)}
onSelectionChange={handleOnChange} onSelectionChange={handleOnChange}

4
app/components/WeaponSelect.module.css
View File

@ -1,7 +1,3 @@
.selectWidthWider {
--select-width: 250px;
}
.item { .item {
display: flex; display: flex;
gap: var(--s-2); gap: var(--s-2);

2
app/components/WeaponSelect.tsx
View File

@ -103,8 +103,6 @@ export function WeaponSelect<
search={{ search={{
placeholder: t("common:forms.weaponSearch.search.placeholder"), placeholder: t("common:forms.weaponSearch.search.placeholder"),
}} }}
className={styles.selectWidthWider}
popoverClassName={styles.selectWidthWider}
searchInputValue={filterValue} searchInputValue={filterValue}
onSearchInputChange={setFilterValue} onSearchInputChange={setFilterValue}
selectedKey={isControlled ? keyify(value) : undefined} selectedKey={isControlled ? keyify(value) : undefined}

1
app/features/components-showcase/components-showcase.module.css
View File

@ -2,7 +2,6 @@
font-size: var(--fonts-xl); font-size: var(--fonts-xl);
border-bottom: 2px solid var(--color-bg-high); border-bottom: 2px solid var(--color-bg-high);
margin-bottom: var(--s-4); margin-bottom: var(--s-4);
scroll-margin-top: var(--sticky-top);
} }
.componentRow { .componentRow {

4
app/features/sendouq-match/routes/q.match.$id.module.css
View File

@ -78,7 +78,7 @@
.chatContainer { .chatContainer {
align-self: flex-start; align-self: flex-start;
top: var(--sticky-top); top: calc(var(--layout-nav-height) + var(--s-3));
position: sticky; position: sticky;
width: 100%; width: 100%;
} }
@ -87,7 +87,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-self: flex-start; align-self: flex-start;
top: var(--sticky-top); top: calc(var(--layout-nav-height) + var(--s-3));
position: sticky; position: sticky;
} }

2
app/features/tournament/tournament.module.css
View File

@ -5,7 +5,7 @@
} }
.chatContainer { .chatContainer {
top: var(--sticky-top); top: calc(var(--layout-nav-height) + var(--s-3));
position: sticky; position: sticky;
width: 100%; width: 100%;
} }

6
app/styles/vars.css
View File

@ -196,13 +196,7 @@ html {
--s-40: 10rem; --s-40: 10rem;
--s-48: 12rem; --s-48: 12rem;
--input-width-extra-small: 10rem;
--input-width-small: 12rem;
--input-width-medium: 18rem;
--label-margin: var(--s-1); --label-margin: var(--s-1);
--select-width: 225px;
--sticky-top: 60px;
} }
/* xs: "(min-width: 480px)", /* xs: "(min-width: 480px)",