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

Start work on profile page

Browse source
This commit is contained in:
Michał Gdula 2023-04-20 13:58:40 +00:00
parent 2682ab0e8e
commit f5a31a8149
7 changed files with 85 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

36
onlylegs/static/sass/components/banner.sass
View file

@ -36,6 +36,8 @@
.banner
height: 30rem
max-height: 69vh
background-color: RGB($bg-300)
img
@ -72,9 +74,8 @@
bottom: 0
display: grid
grid-template-columns: 1fr auto
grid-template-rows: 1fr auto auto
grid-template-areas: 'info info' 'header header' 'subtitle options'
grid-template-columns: auto 1fr auto
grid-template-areas: 'info info info' 'image header header' 'subtitle subtitle options'
z-index: +2
@ -109,6 +110,19 @@
margin-top: auto
grid-area: options
.banner-picture
grid-area: image
margin: auto 1rem auto 0
position: relative
width: 6.9rem
height: 6.9rem
background-color: RGB($primary)
border-radius: $rad
.banner-small
height: 3.5rem
background-color: RGB($bg-100)
@ -165,8 +179,12 @@
display: none
.banner
min-height: 17rem
min-height: 15rem
height: auto
max-height: 30vh
.banner-filter
background: linear-gradient(to bottom, RGB($bg-100), transparent)
.banner-content
padding: 0.5rem
@ -178,7 +196,7 @@
align-items: center
.banner-header
margin: 1rem 0
margin: 0.5rem 0
text-align: center
font-size: 2.5rem
@ -192,6 +210,14 @@
.pill-row
margin-top: 0rem
.banner-picture
margin: 0 auto
width: 4rem
height: 4rem
display: flex
.banner-small
.banner-content
.banner-info

13
onlylegs/static/sass/components/gallery.sass
View file

@ -1,3 +1,16 @@
.gallery-header
margin: 0.5rem
padding: 0
width: 100%
display: flex
flex-direction: row
justify-content: flex-start
font-size: 2rem
font-weight: 700
.gallery-grid
margin: 0
padding: 0.35rem

2
onlylegs/static/sass/components/pop-up.sass
View file

@ -138,7 +138,7 @@
@media (max-width: $breakpoint)
.pop-up
.pop-up-wrapper
width: calc(100% - 0.75rem)
max-width: calc(100% - 0.75rem)
max-height: 95vh
.pop-up-content