Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-10-01 23:58:36 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Move app to apps/web-react in pnpm workspace layout

Browse Source
This commit is contained in:
Kalle
2026-08-16 09:20:33 +03:00
parent 7e365ccfcf
commit bbc8ea57af
2913 changed files with 227 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
apps/web-react/app/features/scrims/components/ScrimCard.module.css Normal file
View File

@@ -0,0 +1,161 @@
.card {
border: var(--border-style);
border-radius: var(--radius-box);
overflow: hidden;
background-color: var(--color-bg);
display: flex;
flex-direction: column;
}
.header {
display: flex;
align-items: center;
gap: var(--s-3);
padding: var(--s-4);
padding-bottom: var(--s-3);
}
.avatarContainer {
flex-shrink: 0;
}
.teamName {
flex: 1;
font-size: var(--font-lg);
font-weight: var(--weight-semi);
margin: 0;
display: flex;
flex-direction: column;
gap: var(--s-0-5);
line-height: 1.2;
}
.pickupLabel {
font-size: var(--font-2xs);
font-weight: var(--weight-bold);
text-transform: uppercase;
color: var(--color-text-high);
}
.rightIconsContainer {
flex-shrink: 0;
align-self: flex-start;
display: flex;
gap: var(--s-2);
}
.usersIcon {
width: 18px;
height: 18px;
}
.infoRow {
display: flex;
gap: var(--s-6);
padding-inline: var(--s-4);
padding-bottom: var(--s-3);
flex-wrap: wrap;
}
.infoItem {
display: flex;
flex-direction: column;
gap: var(--s-0-5);
}
.infoLabel {
text-transform: uppercase;
color: var(--color-text-high);
font-weight: var(--weight-bold);
font-size: var(--font-2xs);
}
.infoValue {
font-weight: var(--weight-semi);
display: flex;
align-items: center;
gap: var(--s-1);
font-size: var(--font-xs);
}
.tournamentPopoverTrigger {
height: auto;
}
.textContent {
padding-inline: var(--s-4);
padding-bottom: var(--s-3);
font-size: var(--font-sm);
display: flex;
flex-direction: column;
gap: var(--s-0-5);
}
.clampedText {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.expandButton {
background: none;
border: none;
color: var(--color-text-accent);
cursor: pointer;
font-size: var(--font-2xs);
font-weight: var(--weight-semi);
padding: 0;
text-align: left;
text-decoration: underline;
&:hover {
opacity: 0.8;
}
}
.footer {
background-color: var(--color-bg-high);
padding: var(--s-2) var(--s-4);
display: flex;
justify-content: center;
margin-block-start: auto;
}
.requestCard {
background-color: var(--color-bg-high);
}
.requestFooter {
background-image: repeating-linear-gradient(
45deg,
var(--color-bg),
var(--color-bg) 10px,
var(--color-bg-higher) 10px,
var(--color-bg-higher) 20px
);
}
.filteredFooter {
background-color: var(--color-accent-low);
}
.canceledContainer {
display: flex;
flex-direction: column;
gap: var(--s-0-5);
}
.strikethrough {
& button {
text-decoration: line-through;
}
}
.canceledLabel {
color: var(--color-error);
font-size: var(--font-2xs);
font-weight: var(--weight-bold);
text-transform: uppercase;
}