Slightly better ui, added react and typescript

This commit is contained in:
2022-06-06 14:22:05 +02:00
parent 3e1a54a49e
commit 7ea3b514ce
22 changed files with 13924 additions and 8367 deletions

104
src/index.css Normal file
View File

@@ -0,0 +1,104 @@
body {
margin: 0;
padding: 0;
background-color: #172336;
color: white;
font-family: sans-serif;
}
.dataDiv {
display: flex;
}
.dataDiv p {
margin-right: 10px;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
background-color: #9DA8B9;
border-radius: 5px;
}
::-webkit-scrollbar-track {
background: #0d131e;
}
header {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 20px 25px;
background-color: #0d131e;
height: 20px;
color: #9DA8B9;
margin-bottom: 25px;
}
header h1 {
margin-right: auto;
}
#settings-back {
cursor: pointer;
padding: 10px;
background-color: #2196F3;
color: white;
border: none;
border-radius: 20px;
display: flex;
font-size: large;
}
#settings-back:hover {
transform: scale(1.05);
text-decoration: none;
}
#content {
padding-left: 25px;
padding-right: 25px;
}
#settings-button {
cursor: pointer;
background-color: #2196F3;
border-radius: 50%;
width: 45px;
height: 45px;
align-items: center;
border: none;
outline: none;
}
#settings-button svg {
width: 35px;
height: 35px;
fill: white;
margin-left: 5px;
margin-top: 5px;
}
#settings-button:hover {
transform: scale(1.05);
}
#update-available {
cursor: pointer;
background-color: #21f3ad;
border-radius: 20%;
width: 45px;
height: 45px;
align-items: center;
border: none;
outline: none;
margin-right: 15px;
display: none;
}
#update-available svg {
width: 35px;
height: 35px;
fill: white;
margin-left: 5px;
margin-top: 5px;
}
#update-available:hover {
transform: scale(1.05);
}