Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-27 21:58:08 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Upload chip redesign

Browse Source
This commit is contained in:
Kalle
2026-09-20 13:57:30 +03:00
parent 84db5e3c02
commit d3bb24737d
8 changed files with 325 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/features/scanner/components/MatchCard.module.css
View File

@@ -266,7 +266,7 @@
}
/* the shared circle button, translucent over the banner */
button.expand {
button.circle {
flex-shrink: 0;
width: 28px;
height: 28px;
@@ -276,7 +276,6 @@ button.expand {
background: color-mix(in oklab, var(--color-bg) 55%, transparent);
backdrop-filter: blur(8px);
color: var(--color-text-high);
transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
& svg {
width: var(--field-size-icon);
@@ -287,17 +286,16 @@ button.expand {
color: var(--color-text);
background: color-mix(in oklab, var(--color-bg) 78%, transparent);
}
}
button.expand {
transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
&.expanded {
transform: rotate(180deg);
}
}
.error {
font-size: var(--font-2xs);
color: var(--color-error);
}
/* the expanded content, indented under its card via a rail */
.details {
display: flex;