iritmaximus/OHTU-German-learning-website
1
0
Fork 0
mirror of https://github.com/OHTU-German-learning-website/OHTU-German-learning-website.git synced 2026-10-12 19:13:51 +03:00
Code Issues Packages Projects Releases Wiki Activity

axel/fix nav styles (#75)

Browse Source 
* fix formatting

* fixed styles
This commit is contained in:
Axel Adlercreutz
2025-02-06 15:52:51 +02:00
committed by GitHub
parent 023a529e2e
commit c89b54d1d1
2 changed files with 42 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gradesa/src/components/ui/sidebar.css
+41 -41
View File
@@ -1,58 +1,58 @@
@import "/globals.css";
.sidebar {
position: absolute;
height: 100%;
width: 25%;
padding-top: 20px;
padding-left: 50px;
z-index: 1;
overflow-x: hidden;
left: 0;
display: flex;
flex-direction: column;
align-items: left;
justify-content: left;
background-color: var(--bg3);
white-space: nowrap;
position: absolute;
height: 100%;
width: 25%;
padding-top: 20px;
padding-left: 50px;
z-index: 1;
overflow-x: hidden;
left: 0;
display: flex;
flex-direction: column;
align-items: left;
justify-content: left;
background-color: var(--bg3);
white-space: nowrap;
}
.sidebar-left {
font-size: 1.5rem;
font-weight: bold;
color: var(--secondary9);
text-decoration: none;
font-size: 1.5rem;
font-weight: bold;
color: var(--secondary9);
text-decoration: none;
}
.sidebar-left.nav-links {
display: block;
background-color: var(--secondary8);
margin: 10px;
padding: 10px;
gap: 20px;
display: block;
background-color: var(--secondary8);
margin: 10px;
padding: 10px;
gap: 20px;
}
.dropdown {
width: 20%;
font-size: var(--font-lg);
color: var(--secondary1);
flex-direction: column;
display: block;
width: 20%;
font-size: var(--font-lg);
color: var(--secondary1);
flex-direction: column;
display: block;
}
.dropdown-button {
cursor: pointer;
background-color: var(--fg2);
color: var(--secondary1);
border: none;
padding: 10px;
text-align: left;
cursor: pointer;
background-color: var(--fg2);
color: var(--secondary1);
border: none;
padding: 10px;
text-align: left;
}
/* Note: this refers to the dropdown-menu
in sidenavigation.js */
.menu {
display: none;
position: flex;
}
.dropdown-menu {
display: flex;
flex-direction: column;
gap: 10px;
}
gradesa/src/components/ui/sidenavigation.js
+1 -1
View File
@@ -26,7 +26,7 @@ const Sidebar = () => {
{/* Dropdown list items */}
{isDropdownOpen && (
<div className="dropdown-menu">
<Link href="#">Grammatik 1</Link> <br />
<Link href="#">Grammatik 1</Link>
<Link href="#">Grammatik 2</Link>
</div>
)}