Created the LinkChooser style
This commit is contained in:
44
admin/src/pages/Home/components/LinkChooser/styles.sass
Normal file
44
admin/src/pages/Home/components/LinkChooser/styles.sass
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
@import "@/common/styles/colors"
|
||||||
|
|
||||||
|
.module-area
|
||||||
|
display: flex
|
||||||
|
gap: 0.3rem
|
||||||
|
|
||||||
|
.module-item
|
||||||
|
display: flex
|
||||||
|
flex-direction: column
|
||||||
|
align-items: center
|
||||||
|
padding: 1.5rem 1.5rem
|
||||||
|
cursor: pointer
|
||||||
|
gap: 0.5rem
|
||||||
|
border-radius: 15px
|
||||||
|
border: 1px solid #FFFFFF
|
||||||
|
transition: ease-in-out all 0.3s
|
||||||
|
width: 5rem
|
||||||
|
|
||||||
|
.module-item:hover
|
||||||
|
border: 1px solid $gray
|
||||||
|
|
||||||
|
& .module-icon
|
||||||
|
background-color: $primary-hover
|
||||||
|
|
||||||
|
& h3
|
||||||
|
color: $gray
|
||||||
|
|
||||||
|
|
||||||
|
.module-icon
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
align-items: center
|
||||||
|
width: 1rem
|
||||||
|
height: 1rem
|
||||||
|
background-color: $primary
|
||||||
|
padding: 1.5rem
|
||||||
|
font-size: 24pt
|
||||||
|
border-radius: 5rem
|
||||||
|
color: $white
|
||||||
|
|
||||||
|
.module-item h3
|
||||||
|
text-align: center
|
||||||
|
margin: 0
|
||||||
|
color: $light-gray
|
Reference in New Issue
Block a user