:3 love you
This commit is contained in:
parent
f59e1eeebd
commit
217fd07830
|
@ -15,24 +15,69 @@ body {
|
||||||
|
|
||||||
#topnav {
|
#topnav {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 10%;
|
height: 3.5rem;
|
||||||
background: var(--bg-color-l);
|
background: var(--bg-color-l);
|
||||||
display: flex;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#topnav_buttons {
|
||||||
|
margin-left: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.topnav_button {
|
.topnav_button {
|
||||||
width: 12rem;
|
width: 10rem;
|
||||||
padding: 0.6rem 2rem;
|
padding: 0.6rem 2rem;
|
||||||
margin: 3px 3px;
|
margin: 3px 3px;
|
||||||
background: var(--bg-color-ll);
|
background: var(--bg-color-ll);
|
||||||
border: 2px solid var(--bg-color);
|
border: 2px solid var(--bg-color);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 25px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.topnav_button:hover {
|
.topnav_button:hover {
|
||||||
background: var(--bg-color)
|
background: var(--bg-color)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#topnav_profile {
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 3rem;
|
||||||
|
float: right;
|
||||||
|
padding-top: 6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topnav_profile span {
|
||||||
|
font-size: 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topnav_profile img {
|
||||||
|
/*position: absolute;*/
|
||||||
|
width: 3rem;
|
||||||
|
height: 100%;
|
||||||
|
right: 0;
|
||||||
|
object-fit: fill;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topnav_profile_dropdown {
|
||||||
|
|
||||||
|
margin-top: 6.5rem;
|
||||||
|
z-index: 1;
|
||||||
|
right: 0;
|
||||||
|
/* display: none; */
|
||||||
|
position: apsolute;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.topnav_profile_button {
|
||||||
|
width: 6rem;
|
||||||
|
background: var(--bg-color-ll);
|
||||||
|
border: 2px solid var(--bg-color);
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
BIN
res/img/default_pfp.png
Normal file
BIN
res/img/default_pfp.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 18 KiB |
|
@ -9,6 +9,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="topnav">
|
<div id="topnav">
|
||||||
|
<div id="topnav_buttons">
|
||||||
<button class="topnav_button" onclick="location.href='/'">
|
<button class="topnav_button" onclick="location.href='/'">
|
||||||
Dashboard
|
Dashboard
|
||||||
</button>
|
</button>
|
||||||
|
@ -22,6 +23,38 @@
|
||||||
Documents
|
Documents
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<div id="topnav_profile">
|
||||||
|
<span>MCorange</span>
|
||||||
|
<img src="/img/default_pfp.png" alt="Profile Picture">
|
||||||
|
</div>
|
||||||
|
<div id="topnav_profile_wrapper">
|
||||||
|
<div id="topnav_profile_dropdown">
|
||||||
|
<div>
|
||||||
|
<button class="topnav_profile_button">
|
||||||
|
Profile
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="topnav_profile_button">
|
||||||
|
Administration
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="topnav_profile_button">
|
||||||
|
Preferences
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="topnav_profile_button">
|
||||||
|
Log out
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
{% block content %}{% endblock %}
|
{% block content %}{% endblock %}
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user