Cutlery/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-09-29 15:30:49 -04:00
Code Issues Packages Projects Releases Wiki Activity

style: change position for toolbar

Browse Source
This commit is contained in:
MAZE 2024-02-28 22:54:54 +03:30
parent dfd6c1fc4a
commit e7fd84bd4e
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/menu/menu.module.css
View File

@ -1,9 +1,13 @@
.wrapper { .wrapper {
position: fixed; position: fixed;
right: 20px; right: calc(50vw - 400px);
bottom: 20px; bottom: 20px;
z-index: 15; z-index: 15;
@media (width <= 850px) {
right: 5vw;
}
& .menuButton { & .menuButton {
display: flex; display: flex;
align-items: center; align-items: center;

6
src/components/scroll-to-top/scroll-to-top.module.css
View File

@ -1,7 +1,7 @@
.button { .button {
position: fixed; position: fixed;
bottom: 20px; bottom: 20px;
left: 20px; left: calc(50vw - 400px);
z-index: 10; z-index: 10;
display: flex; display: flex;
align-items: center; align-items: center;
@ -16,6 +16,10 @@
border-radius: 50%; border-radius: 50%;
transition: 0.2s; transition: 0.2s;
@media (width <= 850px) {
left: 5vw;
}
&:hover { &:hover {
background-color: var(--color-neutral-200); background-color: var(--color-neutral-200);
} }