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

style: update modal styling

Browse source 
also removed some redundant styles
This commit is contained in:
Miodec 2024-03-18 13:08:44 +01:00
parent 3077daa71f
commit 33c8976176
2 changed files with 2 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/styles/commandline.scss
View file

@ -1,26 +1,11 @@
#commandLine {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
position: fixed;
left: 0;
top: 0;
z-index: 1000;
display: grid;
justify-items: center;
align-items: start;
padding: 6rem 2rem;
grid-template-columns: 1fr;
transition: background 0.125s;
overflow: hidden;
.modal {
overflow: hidden;
max-width: 600px;
width: 100%;
background: var(--bg-color);
border-radius: var(--roundness);
// outline: 0.25rem solid transparent;
box-shadow: 0 0 0 0.2em transparent;
transition: outline 0.125s;
padding: 0;

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

@ -5,7 +5,7 @@
max-width: 100%;
max-height: 100%;
margin: 0;
background: rgba(0, 0, 0, 0.75);
background: rgba(0, 0, 0, 0.5);
position: fixed;
left: 0;
top: 0;
@ -35,6 +35,7 @@
color: var(--text-color);
overflow-y: auto;
@extend .ffscroll;
box-shadow: 0 0 0 0.2em var(--sub-alt-color);
& > .title {
font-size: 1.5rem;