discord_bot_mgmt/frontend/public/css/main.css
SileNce5k 3a13f98ab4
Finish basic view of dashboard
Very basic, probably need a lot more editing when actual logs and stuff
show up (+ it needs to be dynamic?)
2025-01-13 06:46:15 +01:00

128 lines
1.8 KiB
CSS

body {
background-color: #262626;
color: #dedede;
font-size: 40px;
font-family: "Verdana, Geneva, Tahoma, sans-serif";
display: flex;
flex-direction: column;
min-height: 100vh;
min-height: 100svh;
}
ul {
list-style-type: none;
}
a {
color: #dedede;
}
a:visited {
color: #dedede;
}
#nav {
position: fixed;
bottom: 20px;
text-align: center;
width: 100%;
}
#incorrect-login{
color: #862121;
font-size: 25px;
}
#check01, ul.dropdown-submenu {
display: none;
}
.dropdown-label {
font-size: 20px;
display: inherit;
cursor: pointer;
background: #6a6a6a;
width: 100px;
color: white;
padding: 10px;
font-weight: bolder;
position: absolute;
border-radius: 12px;
border: 2px solid #c8c8c8;
justify-content: center;
}
#check01:checked~ul.dropdown-submenu {
display: inherit;
flex-direction: column;
position: inherit;
align-items: center;
justify-content: center;
padding: 10px 0px 0px 0px;
outline: 2px solid #c8c8c8;
margin-top: 55px;
}
.user-dropdown {
display: flex;
top: 10px;
right: 250px;
position: absolute;
user-select: none;
}
#bot {
width: 1200px;
border: 5px solid #444;
display: flex;
justify-content: center;
align-items: center;
height: 600px;
position: absolute;
margin-top: 35px;
top: 160px;
width: 62%;
padding: 0px;
}
#bot-log {
border: 5px solid #444;
display: flex;
align-items: center;
position: relative;
width: 85%;
height: 500px;
flex-direction: column;
}
#bot-log > p {
font-size: 17px;
margin: 0px;
}
#main-content {
justify-content: center;
display: flex;
}
#bot-buttons {
display: inherit;
position: relative;
align-self: flex-start;
margin-top: 3%;
flex-direction: column;
margin-left: 40px;
}
#bot-buttons > button {
margin-top: 2px;
}