sendou.ink/app/features/tier-list-maker/routes/tier-list-maker.module.css
Kalle 84b4c1d67f
Some checks are pending
E2E Tests / e2e (push) Waiting to run
Tests and checks on push / run-checks-and-tests (push) Waiting to run
Updates translation progress / update-translation-progress-issue (push) Waiting to run
Download tier list as img (#2638)
Co-authored-by: hfcRed <hfcred@gmx.net>
2025-11-17 18:40:22 +02:00

77 lines
1.1 KiB
CSS

.container {
user-select: none;
}
.header {
display: flex;
justify-content: space-between;
}
.tierList {
display: flex;
flex-direction: column;
gap: var(--s-2);
margin-bottom: var(--s-6);
}
.tierListScreenshotMode {
padding: var(--s-4);
max-width: 720px;
min-width: 720px;
}
.filters {
display: flex;
gap: var(--s-4);
}
.titleInput {
width: 100%;
padding: 0 var(--s-2) var(--s-2) var(--s-2);
font-size: var(--fonts-lg);
font-weight: 600;
text-align: center;
background: transparent;
border: none;
color: var(--text);
outline: none;
}
.titleInput::placeholder {
color: var(--text-lighter);
opacity: 0.3;
}
.titleInput:focus::placeholder {
opacity: 0.5;
}
.authorSection {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: var(--s-0-5);
margin-bottom: var(--s-3);
margin-top: -15px;
}
.authorBy {
font-size: var(--fonts-xxs);
font-weight: var(--bold);
color: var(--text-lighter);
text-transform: lowercase;
}
.authorInfo {
display: flex;
align-items: center;
gap: var(--s-2);
}
.authorUsername {
font-weight: var(--bold);
font-size: var(--fonts-xs);
color: var(--text);
}