XOR64/persmgr
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

:3 love you

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
res/css/global.css
View File

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

57
templates/base.html
View File

@ -9,18 +9,51 @@
</head> </head>
<body> <body>
<div id="topnav"> <div id="topnav">
<button class="topnav_button" onclick="location.href='/'"> <div id="topnav_buttons">
Dashboard <button class="topnav_button" onclick="location.href='/'">
</button> Dashboard
<button class="topnav_button" onclick="location.href='/roster'"> </button>
Roster <button class="topnav_button" onclick="location.href='/roster'">
</button> Roster
<button class="topnav_button" onclick="location.href='/events'"> </button>
Events <button class="topnav_button" onclick="location.href='/events'">
</button> Events
<button class="topnav_button" onclick="location.href='/documents'"> </button>
Documents <button class="topnav_button" onclick="location.href='/documents'">
</button> 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> </div>
{% block content %}{% endblock %} {% block content %}{% endblock %}
</body> </body>