Skip to content

Commit

Permalink
Add show and hide navbar buttons
Browse files Browse the repository at this point in the history
  • Loading branch information
Elius94 committed Jan 18, 2024
1 parent 3bd700b commit 137d51b
Showing 1 changed file with 33 additions and 0 deletions.
33 changes: 33 additions & 0 deletions src/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,37 @@
.view-container {
position: relative;
overflow: hidden;
}

.showNavbarButton {
display: flex;
position: absolute;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 1000;

background: rgba(0, 0, 0, 0.09);
bottom: 10px;
height: 30px;
width: 30px;
right: 10px;

transition: background 0.2s ease, color 0.2s ease;

&:hover {
background-color: rgba(0, 0, 0, 0.8);
}
}

.hideNavbarButton svg {
width: 100%;
transform: scale(1);
transition: transform .2s ease;
vertical-align: initial;
margin-top: -2;

&:hover {
transform: scale(1.2);
}
}

0 comments on commit 137d51b

Please sign in to comment.