mirror of
https://github.com/pawelmalak/flame.git
synced 2025-07-23 21:29:37 +02:00
Cleaned up Home component. Added 'settings' link vivible on mobile devices
This commit is contained in:
parent
e22e5afcb9
commit
7b6ac3f6a4
2 changed files with 33 additions and 9 deletions
|
@ -24,7 +24,7 @@
|
|||
height: 35px;
|
||||
background-color: var(--color-accent);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
display: flex;
|
||||
|
@ -32,9 +32,25 @@
|
|||
align-items: center;
|
||||
opacity: 0.25;
|
||||
transition: all 0.3s;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.SettingsButton:hover {
|
||||
cursor: pointer;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.SettingsLink {
|
||||
visibility: visible;
|
||||
color: var(--color-accent);
|
||||
}
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.SettingsButton {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.SettingsLink {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue