:3 love you

This commit is contained in:
Gvidas Juknevičius 2025-09-03 20:17:29 +03:00
parent f59e1eeebd
commit 217fd07830
Signed by: MCorange
GPG Key ID: 5BE6B533CB76FE86
3 changed files with 94 additions and 16 deletions

View File

@ -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

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -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>