scrollbar & nav fixes

This commit is contained in:
onomanapeia 2024-10-05 15:44:33 -05:00
parent c4bbe2323b
commit 40be208e6d
3 changed files with 8 additions and 7 deletions

View file

@ -1,7 +1,7 @@
<nav> <nav>
<profile-img> <div class="profile-img">
<a href="/" title="picrew" style="padding: 0;"><img id="randomImage" src="{% link /img/picrew/000.png %}" alt="mana's pfp" loading="eager"></a> <a href="/" title="picrew" style="padding: 0;"><img id="randomImage" src="{% link /img/picrew/000.png %}" alt="mana's pfp" loading="eager"></a>
</profile-img> </div>
<div onclick="myFunction()" class="menu-toggle">menu <i class="ph ph-list" style="font-size: 1.25em;"></i></div> <div onclick="myFunction()" class="menu-toggle">menu <i class="ph ph-list" style="font-size: 1.25em;"></i></div>
<div id="myLinks" class="menu"> <div id="myLinks" class="menu">

View file

@ -39,7 +39,7 @@ this is just a place for me to keep track of my ideas for this webbed site. not
- acnh island info - acnh island info
- about my ffxiv character - about my ffxiv character
- about my bg3 character - about my bg3 character
- maybe talk more about vs/what kind of vns I like/vns I am looking forward to - maybe talk more about vns/what kind of vns I like/vns I am looking forward to
- covers, what songs i want to cover (need to find out if gitlab will let me host that many files D:) - covers, what songs i want to cover (need to find out if gitlab will let me host that many files D:)
- stuff I plan to: - stuff I plan to:
- read - read

View file

@ -80,6 +80,9 @@ nav {
left: 0; left: 0;
height: 100%; height: 100%;
align-content: center; align-content: center;
overflow: auto;
scrollbar-color: var(--hovColor) var(--bgColor);
scrollbar-width: thin;
} }
nav > * { nav > * {
@ -351,14 +354,12 @@ hr {
width: 93%; width: 93%;
margin: 1em auto; margin: 1em auto;
} }
profile-img {
padding: 0;
}
profile-img img { .profile-img img {
max-width: 200px; max-width: 200px;
text-align: center; text-align: center;
border-radius: 100%; border-radius: 100%;
padding: 0;
} }
.theme-switches{ .theme-switches{