monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-03-04 18:53:26 +08:00
Code Issues Projects Releases Packages Wiki Activity

refactor: add title style to all modals

Browse source
This commit is contained in:
Miodec 2024-03-15 13:49:39 +01:00
parent 021577c9e4
commit 54237d369e
1 changed files with 5 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -35,6 +35,11 @@
color: var(--text-color);
overflow-y: scroll;
@extend .ffscroll;
& > .title {
font-size: 1.5rem;
color: var(--sub-color);
}
}
}
@ -504,10 +509,6 @@
#customWordAmountModal {
.modal {
max-width: 500px;
.title {
font-size: 1.5rem;
color: var(--sub-color);
}
.tip {
font-size: 0.75rem;
color: var(--text-color);
@ -643,10 +644,6 @@
display: grid;
gap: 1rem;
}
.title {
font-size: 1.5rem;
color: var(--sub-color);
}
.buttons {
margin-top: 0.25rem;
display: grid;
@ -1243,11 +1240,6 @@
font-size: 1.5rem;
}
.title {
font-size: 1.5rem;
color: var(--sub-color);
}
textarea {
resize: vertical;
width: 100%;
@ -1369,11 +1361,6 @@
gap: 1rem;
@extend .ffscroll;
.title {
font-size: 1.5rem;
color: var(--sub-color);
}
.text {
color: var(--text-color);
}
@ -1420,12 +1407,6 @@
gap: 1rem;
grid-template-columns: 1fr 1fr 1fr;
}
.title {
font-size: 1.5rem;
line-height: 1.5rem;
color: var(--sub-color);
}
}
}
#shareCustomThemeUrlModal {
@ -1441,12 +1422,6 @@
@extend .ffscroll;
max-width: 900px;
.title {
font-size: 1.5rem;
line-height: 2rem;
color: var(--sub-color);
}
.text {
color: var(--text-color);
span {
@ -1491,19 +1466,11 @@
#editPresetModal {
.modal {
max-width: 450px;
.title {
font-size: 1.5rem;
color: var(--sub-color);
}
}
}
#streakHourOffsetModal {
.modal {
.title {
font-size: 1.5rem;
color: var(--sub-color);
}
max-width: 500px;
.red {
color: var(--error-color);
@ -1554,10 +1521,6 @@
.modal {
max-width: 600px;
max-height: 100%;
.title {
font-size: 1.5rem;
color: var(--sub-color);
}
label {
color: var(--sub-color);
margin-bottom: 0.25em;