create dashboard/search toggle.

modified:   Cargo.lock
	modified:   Cargo.toml
	modified:   src/app.rs
	modified:   src/components.rs
	new file:   src/components/search.rs
	modified:   src/components/sidebar.rs
	modified:   src/pages/signup.rs
	modified:   style/dashboard.scss
	modified:   style/main.scss
	new file:   style/search.scss
	modified:   style/sidebar.scss
This commit is contained in:
2024-03-14 10:56:35 -04:00
parent 189fdccd93
commit a7368aec30
11 changed files with 110 additions and 26 deletions

View File

@ -2,13 +2,40 @@
.sidebar-container {
background-color: red;
width: 27%;
width: 22rem;
height: calc(100% - 75px);
}
.sidebar-top-container {
border-radius: 1rem;
background-color: yellow;
height: 20%;
background-color: darkblue;
height: 10rem;
margin: 5px;
padding: 0.2rem 1rem 1rem 1rem;
}
.sidebar-top-container .header {
font-size: 1.4rem;
}
.sidebar-top-container .buttons {
display: flex;
flex-direction: row;
font-size: 2rem;
align-items: center;
transition: all 0.5s;
cursor: pointer;
color: grey;
}
.sidebar-top-container .buttons:hover {
color: white;
}
.sidebar-top-container .buttons:last-child {
margin-left: 0.02rem;
}
.sidebar-top-container h1 {
font-size: 1.1rem;
margin-left: 0.8rem;
font-weight: 200;
}