Better Ui
This commit is contained in:
parent
33ed70c935
commit
723f93825a
2 changed files with 11 additions and 7 deletions
|
@ -2,17 +2,20 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 60vw;
|
width: 55vw;
|
||||||
background-color: white;
|
background: rgba(255, 255, 255, 0.5);
|
||||||
color: #8391b8;
|
/*color: #8391b8;*/
|
||||||
|
color: #393E46;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: #8391b8;
|
border-color: #8391b8;
|
||||||
border-width: 5px;
|
border-width: 5px;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
padding: 50px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
.optionSection {
|
.optionSection {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
row-gap: 1rem;
|
row-gap: 1rem;
|
||||||
}
|
}
|
||||||
|
@ -25,4 +28,4 @@
|
||||||
.spriteBox {
|
.spriteBox {
|
||||||
width: 75vw;
|
width: 75vw;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,8 +3,9 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 60vw;
|
width: 60vw;
|
||||||
background-color: white;
|
background: rgba(255, 255, 255, 0.5);
|
||||||
color: #8391b8;
|
/*color: #8391b8;*/
|
||||||
|
color: #393E46;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: #8391b8;
|
border-color: #8391b8;
|
||||||
border-width: 5px;
|
border-width: 5px;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue