:3 love you
This commit is contained in:
parent
f59e1eeebd
commit
217fd07830
|
@ -15,24 +15,69 @@ body {
|
|||
|
||||
#topnav {
|
||||
width: 100%;
|
||||
height: 10%;
|
||||
height: 3.5rem;
|
||||
background: var(--bg-color-l);
|
||||
display: flex;
|
||||
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#topnav_buttons {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
|
||||
.topnav_button {
|
||||
width: 12rem;
|
||||
width: 10rem;
|
||||
padding: 0.6rem 2rem;
|
||||
margin: 3px 3px;
|
||||
background: var(--bg-color-ll);
|
||||
border: 2px solid var(--bg-color);
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
font-size: 25px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
||||
.topnav_button:hover {
|
||||
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,18 +9,51 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id="topnav">
|
||||
<button class="topnav_button" onclick="location.href='/'">
|
||||
Dashboard
|
||||
</button>
|
||||
<button class="topnav_button" onclick="location.href='/roster'">
|
||||
Roster
|
||||
</button>
|
||||
<button class="topnav_button" onclick="location.href='/events'">
|
||||
Events
|
||||
</button>
|
||||
<button class="topnav_button" onclick="location.href='/documents'">
|
||||
Documents
|
||||
</button>
|
||||
<div id="topnav_buttons">
|
||||
<button class="topnav_button" onclick="location.href='/'">
|
||||
Dashboard
|
||||
</button>
|
||||
<button class="topnav_button" onclick="location.href='/roster'">
|
||||
Roster
|
||||
</button>
|
||||
<button class="topnav_button" onclick="location.href='/events'">
|
||||
Events
|
||||
</button>
|
||||
<button class="topnav_button" onclick="location.href='/documents'">
|
||||
Documents
|
||||
</button>
|
||||
</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 %}
|
||||
</body>
|
||||
|
|
Loading…
Reference in New Issue
Block a user