Ailur
/
burgernotes
3
1
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
static/css/style.css
View File

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

3
templates/app.html
View File

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