monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2026-01-13 19:04:06 +08:00
Code Issues Projects Releases Packages Wiki Activity

unused code

Browse source
This commit is contained in:
Miodec 2026-01-03 20:03:46 +01:00
parent 4ab7f2b9d8
commit 068bb57e6b
1 changed files with 0 additions and 195 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

195
frontend/src/styles/popups.scss
View file

@ -580,28 +580,6 @@ body.darkMode {
}
}
#tribeStartRacePopupWrapper {
#tribeStartRacePopup {
color: var(--sub-color);
background: var(--bg-color);
border-radius: var(--roundness);
padding: 2rem;
display: grid;
gap: 1rem;
width: 80vw;
max-width: 400px;
grid-template-rows: auto 1fr;
.title {
font-size: 1.5rem;
}
.text {
color: var(--text-color);
}
}
}
#tribeUserSettingsModal {
.buttons {
display: grid;
@ -609,179 +587,6 @@ body.darkMode {
}
}
#tribeRoomCodePopupWrapper {
#tribeRoomCodePopup {
color: var(--sub-color);
background: var(--bg-color);
border-radius: var(--roundness);
padding: 2rem;
display: grid;
gap: 1rem;
width: 300px;
input {
width: 100%;
font-size: 1.5rem;
}
.textButton {
position: absolute;
right: 0;
top: 0;
font-size: 1.5rem;
height: 100%;
display: flex;
align-items: center;
}
}
}
#tribeBrowsePublicRoomsPopupWrapper {
#tribeBrowsePublicRoomsPopup {
color: var(--sub-color);
background: var(--bg-color);
border-radius: var(--roundness);
padding: 2rem;
display: grid;
gap: 1rem;
width: 80vw;
height: 80vh;
max-width: 600px;
grid-template-rows: auto 1fr;
.title {
font-size: 1.5rem;
}
.error {
display: grid;
justify-content: center;
align-items: center;
color: var(--text-color);
}
.list {
display: grid;
gap: 0.5rem;
height: auto;
overflow-y: scroll;
.room {
display: grid;
grid-template-columns: 1fr 1fr 3fr 0fr;
grid-auto-rows: auto;
width: 100%;
gap: 0.5rem;
transition: 0.25s;
padding: 1rem;
box-sizing: border-box;
user-select: none;
cursor: pointer;
height: min-content;
grid-template-areas:
"name name name chevron"
"state players config chevron";
border-radius: var(--roundness);
.title {
color: var(--sub-color);
font-size: 0.8rem;
opacity: 0.5;
}
.value {
color: var(--sub-color);
font-size: 0.8rem;
}
.name {
grid-area: name;
.title {
font-size: 1rem;
}
.value {
color: var(--text-color);
font-size: 1.5rem;
}
}
.config {
grid-area: config;
}
.players {
grid-area: players;
}
.state {
grid-area: state;
}
.chevron {
grid-area: chevron;
display: flex;
align-items: center;
justify-items: center;
color: var(--sub-color);
font-size: 2rem;
}
&:hover {
background: rgba(0, 0, 0, 0.1);
}
}
}
}
}
#tribeStartRacePopupWrapper {
#tribeStartRacePopup {
color: var(--sub-color);
background: var(--bg-color);
border-radius: var(--roundness);
padding: 2rem;
display: grid;
gap: 1rem;
width: 80vw;
max-width: 400px;
grid-template-rows: auto 1fr;
.title {
font-size: 1.5rem;
}
.text {
color: var(--text-color);
}
}
}
#tribeUserSettingsPopupWrapper {
#tribeUserSettingsPopup {
color: var(--sub-color);
background: var(--bg-color);
border-radius: var(--roundness);
padding: 2rem;
display: grid;
gap: 1rem;
width: 80vw;
max-width: 400px;
grid-template-rows: auto 1fr;
.title {
font-size: 1.5rem;
}
.buttons {
display: grid;
gap: 1rem;
}
.text {
color: var(--text-color);
}
}
}
#customGeneratorModal {
.modal {
max-width: 600px;