SheepstarStudio/Dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added mobile optimization to the DesignItem styles.sass

Browse Source
This commit is contained in:
Mathias Wagner 2024-01-01 12:32:08 +01:00
parent 88fefd2c75
commit 7322bbc20e
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/states/Manage/pages/ManageChannel/components/DesignItem/styles.sass
View File

@ -7,6 +7,7 @@
padding: 1.2rem 2rem padding: 1.2rem 2rem
display: flex display: flex
justify-content: space-between justify-content: space-between
align-items: center
gap: 7rem gap: 7rem
cursor: pointer cursor: pointer
user-select: none user-select: none
@ -57,4 +58,16 @@
font-size: 1.5rem font-size: 1.5rem
.design-item img .design-item img
height: 10rem height: 9rem
@media screen and (max-width: 1024px)
.design-item img
height: 6rem
@media screene and (max-width: 768px)
.design-container .design-item
padding: 1rem 1.5rem
gap: 3rem
.design-item img
height: 5rem