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

181
apps/web-react/app/features/calendar/components/TournamentCard.module.css Normal file
View File

@@ -0,0 +1,181 @@
.container {
min-width: var(--card-width);
max-width: var(--card-width);
height: calc(var(--card-height) + 26px);
display: flex;
flex-direction: column;
gap: var(--s-1);
--tournament-card-icon-size: 14px;
}
.containerTall {
height: 100%;
}
.avatarImg {
border-radius: var(--radius-avatar);
}
.card {
background-color: var(--color-bg-high);
border-radius: var(--radius-box);
color: var(--color-text);
padding: var(--s-1) var(--s-2) var(--s-2) var(--s-2);
height: 100%;
min-width: var(--card-width);
max-width: var(--card-width);
&:hover .avatarImg {
outline: 6px solid var(--color-bg-higher);
}
}
.cardRanked {
box-shadow: inset 0 -3px 0 var(--color-accent);
}
.imgContainer {
background-color: var(--color-bg);
padding: var(--s-1-5);
border-radius: var(--radius-avatar);
margin-left: -10px;
margin-top: -10px;
}
.org {
display: flex;
gap: var(--s-1);
font-size: var(--font-2xs);
color: var(--color-text-high);
& span {
max-width: 165px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
.time {
font-size: var(--font-xs);
font-weight: var(--weight-semi);
color: var(--color-text-high);
display: block;
text-align: center;
}
.nameRow {
display: flex;
justify-content: center;
align-items: center;
gap: var(--s-2);
}
.name {
text-align: center;
font-weight: var(--weight-semi);
font-size: var(--font-sm);
white-space: nowrap;
text-overflow: ellipsis;
max-width: 225px;
overflow: hidden;
}
.nameWithTier {
max-width: 165px;
}
.participantsPill {
font-size: var(--font-2xs);
font-weight: var(--weight-bold);
background-color: var(--color-bg-higher);
border-radius: var(--radius-selector);
height: var(--selector-size);
width: max-content;
padding: 0 var(--s-1-5);
display: flex;
align-items: center;
gap: var(--s-1);
white-space: nowrap;
& svg {
width: var(--tournament-card-icon-size);
height: var(--tournament-card-icon-size);
}
}
.participantsTeamsCount {
color: var(--color-text-high);
font-weight: var(--weight-semi);
}
.modesRow {
display: flex;
flex: none;
gap: var(--s-1);
align-items: center;
padding-inline-start: 12px;
}
.pillsContainer {
display: flex;
gap: var(--s-1);
justify-content: end;
padding-inline-end: 12px;
width: 100%;
}
.firstPlacers {
position: relative;
margin-inline: auto;
margin-top: var(--s-5);
margin-block-end: var(--s-4);
width: max-content;
}
.firstPlacersTeamName {
max-width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.badgeNavIcon {
min-width: 16px;
}
.vodIndicator {
font-size: var(--font-2xs);
font-weight: var(--weight-bold);
background-color: var(--color-bg-higher);
border-radius: var(--radius-selector);
height: var(--selector-size);
width: max-content;
padding: 0 var(--s-1-5);
display: flex;
align-items: center;
gap: var(--s-1);
white-space: nowrap;
&:not(:first-child) {
margin-inline-start: var(--s-1);
}
}
.badgePill {
padding: 0 var(--s-1);
height: var(--selector-size);
}
.trophyPreview {
background-color: var(--color-bg-high);
border-radius: var(--radius-box);
}
.trophyPreviewFallback {
width: 19rem;
max-width: 100%;
aspect-ratio: 1 / 1;
border-radius: var(--radius-box);
background-color: var(--color-bg-high);
}