update ui

This commit is contained in:
maaa 2023-07-22 20:03:37 +02:00
parent 86492f6bea
commit 2537f5c754
2 changed files with 14 additions and 6 deletions

View File

@ -110,15 +110,15 @@ body {
height: 100%;
z-index: 2;
background-color: rgba(0, 0, 0, 0.7);
;
transition: opacity 1s;
}
.optionsDiv {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 300px;
position: fixed;
left: 12.5%;
top: 12.5%;
width: 75%;
height: 75%;
background-color: white;
padding: 10px;
color: black;
@ -127,6 +127,7 @@ body {
.optionsDiv button {
padding: 10px;
margin-right: 5px;
padding-left: 15px;
padding-right: 15px;
color: white;
@ -137,8 +138,14 @@ body {
}
.optionsDiv .exit {
position: absolute;
right: 10px;
width: 40px;
height: 40px;
font-size: 16px;
background-color: #e9e9e9;
color: black;
border-radius: 100%;
}
/* Sign up/log in div */

View File

@ -26,11 +26,12 @@
<div id="optionsCoverDiv" class="optionsCoverDiv hidden">
<div class="optionsDiv">
<button class="exit" id="exitThing">exit</button>
<button class="exit" id="exitThing">X</button>
<h3>manage your account</h3>
<p id="usernameThing"></p>
<p id="storageThing"></p>
<button id="logOutButton">log out</button>
<button class="hidden" id="logOutButton">delete my account</button>
</div>
</div>