Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-10-21 18:02:45 -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/sendouq/components/GroupCard.module.css Normal file
View File

@@ -0,0 +1,161 @@
.group {
background-color: var(--color-bg-high);
width: 100%;
border-radius: var(--radius-box);
padding: var(--s-3);
display: flex;
flex-direction: column;
gap: var(--s-4);
position: relative;
color: var(--color-text);
}
/* a suggested card floats to the top of the list, and the browser would keep the
card in view by scrolling along with it, yanking the viewer up the page */
.suggested {
overflow-anchor: none;
}
.noScreen {
background-color: var(--color-error-low);
border-radius: 100%;
padding: var(--s-1);
width: 30px;
height: 30px;
display: grid;
place-items: center;
}
.member {
display: flex;
gap: var(--s-2);
align-items: center;
background-color: var(--color-bg);
border-radius: var(--radius-full);
font-size: var(--font-sm);
font-weight: var(--weight-semi);
padding: var(--s-1);
padding-inline-end: var(--s-3);
}
.name {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 7.5rem;
font-size: var(--font-xs);
color: var(--color-text);
}
.memberActions {
flex-shrink: 0;
}
.tier {
margin-inline-start: auto;
& button {
height: auto;
}
}
.tierPlaceholder {
min-width: 26.58px;
}
.extraInfo {
font-size: var(--font-xs);
background-color: var(--color-bg);
border-radius: var(--radius-selector);
padding: 0 var(--s-1-5);
width: max-content;
display: flex;
align-items: center;
gap: var(--s-1);
font-weight: var(--weight-semi);
height: var(--selector-size);
& img {
height: 24px;
width: 24px;
}
}
.extraInfoButton {
font-size: var(--font-xs);
background-color: var(--color-bg);
border-radius: var(--radius-box);
padding: var(--s-0-5) var(--s-1-5);
width: max-content;
display: flex;
align-items: center;
gap: var(--s-1);
font-weight: var(--weight-semi);
color: var(--color-text);
border: none;
height: 24px;
}
.futureMatchMode {
border-radius: 100%;
background-color: var(--color-bg);
height: 30px;
width: 30px;
display: grid;
place-items: center;
padding: var(--s-1-5);
}
.vcIcon {
height: 15px;
}
.displayTier {
display: flex;
gap: var(--s-1);
align-items: center;
position: absolute;
border-radius: var(--radius-box);
background-color: var(--color-bg);
padding: var(--s-0-5) var(--s-3);
font-size: var(--font-xs);
font-weight: var(--weight-semi);
bottom: -36px;
left: 50%;
transform: translate(-50%, -50%);
}
.popoverButton {
background-color: transparent;
color: var(--color-text-high);
font-size: var(--font-xs);
padding: 0;
border: none;
text-decoration: underline;
text-decoration-style: dotted;
font-weight: var(--weight-bold);
height: 19.8281px;
}
.hiddenMember {
min-height: 2.75rem;
}
.hiddenMemberName {
color: var(--color-text-high);
font-size: var(--font-xs);
font-weight: var(--weight-bold);
letter-spacing: 0.1em;
padding-block: var(--s-2);
padding-inline-start: var(--s-3);
}
.readyIcon {
width: 18px;
height: 18px;
color: var(--color-text-high);
}
.readyIconConfirmed {
color: var(--color-success);
}