hzhang/HangmanLab.Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upgrade to bulma style

Browse Source
This commit is contained in:
h z
2024-12-05 13:57:42 +00:00
parent 8bae53d026
commit 788fd2f37a
4 changed files with 166 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/Navigations/SideNavigation.css
View File

@@ -1,29 +1,60 @@
/*src/components/SideNavigation.css*/
/* src/components/SideNavigation.css */
.side-navigation {
width: 250px;
background-color: #f4f4f4;
background-color: #ffffff;
padding: 1rem;
border-right: 1px solid #ddd;
border-right: 1px solid #dbdbdb;
height: 100%;
overflow-y: auto;
box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
}
.side-navigation h3 {
margin-top: 0;
font-size: 1.2rem;
font-weight: 600;
color: #4a4a4a;
margin-bottom: 0.75rem;
border-bottom: 1px solid #dbdbdb;
padding-bottom: 0.5rem;
}
.side-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.side-navigation ul li {
margin-bottom: 0.5rem;
transition: background-color 0.3s ease, padding-left 0.3s ease;
}
.side-navigation ul li:hover {
background-color: #f5f5f5;
padding-left: 10px;
}
.side-navigation ul li a {
text-decoration: none;
color: #333;
color: #3273dc;
font-weight: 500;
display: inline-block;
width: 100%;
padding: 0.5rem 0.75rem;
border-radius: 4px;
transition: color 0.3s ease, background-color 0.3s ease;
}
.side-navigation ul li a:hover {
text-decoration: underline;
text-decoration: none;
color: #ffffff;
background-color: #3273dc;
}
.side-navigation ul li span {
font-weight: 700;
color: #363636;
margin-bottom: 0.5rem;
display: inline-block;
padding: 0.5rem 0.75rem;
}