Galleries/PythonGallery
1
0
Fork 0
mirror of https://github.com/Derpy-Leggies/OnlyLegs.git synced 2025-06-29 19:46:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Switch to Manrope font

Browse source 
Fix inconsistent buttons
Removed default header background
Added info button with version and ❤️
Random fixes
This commit is contained in:
Michał Gdula 2023-03-23 15:47:35 +00:00
parent ad8da1ae4e
commit 4e7301b9de
15 changed files with 169 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

10
gallery/themes/default/components/buttons/block.sass
View file

@ -26,7 +26,7 @@
font-weight: 600
text-align: center
background-color: transparent
background-color: rgba($white, 0.1)
color: $white
border: none
border-radius: $rad-inner
@ -36,10 +36,10 @@
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
&:hover
background-color: $black
background-color: rgba($white, 0.3)
&:focus-visible
outline: 2px solid rgba($black, 0.5)
outline: 2px solid rgba($white, 0.5)
&.primary
@include btn-block($primary)
@ -152,6 +152,10 @@
opacity: 0
cursor: pointer
&:hover
background-color: rgba($white, 0.2)
color: $white
&.active
background-color: rgba($primary, 0.2)
color: $primary

41
gallery/themes/default/components/buttons/info-button.sass Normal file
View file

@ -0,0 +1,41 @@
.info-button
margin: 0
padding: 0
width: auto
height: auto
position: fixed
bottom: 0.75rem
right: -3rem
display: flex
justify-content: center
align-items: center
background-color: $black2
color: $white
border-radius: $rad
border: none
opacity: 0
z-index: 20
cursor: pointer
transition: all 0.2s cubic-bezier(.86, 0, .07, 1)
&:hover
color: $info
svg
margin: 0.5rem
width: 1.25rem
height: 1.25rem
&.show
right: 0.75rem
opacity: 1
@media (max-width: $breakpoint)
.info-button
bottom: 4.25rem

26
gallery/themes/default/components/buttons/top-of-page.sass
View file

@ -1,33 +1,37 @@
.top-of-page
margin: 0
padding: 0.55rem
padding: 0
width: 2.5rem
height: 2.5rem
width: auto
height: auto
position: fixed
bottom: 0.75rem
right: -3rem
display: flex // hidden
display: flex
justify-content: center
align-items: center
border-radius: 50%
background-color: $black
background-color: $black2
color: $white
opacity: 0 // hidden
z-index: 2
border-radius: $rad
border: none
opacity: 0
z-index: 20
cursor: pointer
transition: all 0.2s cubic-bezier(.86, 0, .07, 1)
&:hover
background-color: $black
color: $primary
svg
margin: 0.5rem
width: 1.25rem
height: 1.25rem
&.show
right: 0.75rem
opacity: 1