Created the LinkItem style
This commit is contained in:
94
admin/src/pages/Home/components/LinkItem/styles.sass
Normal file
94
admin/src/pages/Home/components/LinkItem/styles.sass
Normal file
@ -0,0 +1,94 @@
|
|||||||
|
@import "@/common/styles/colors"
|
||||||
|
|
||||||
|
.link-item
|
||||||
|
background-color: $white
|
||||||
|
border: 1px solid $gray
|
||||||
|
border-radius: 15px
|
||||||
|
padding: 1rem 1.5rem
|
||||||
|
display: flex
|
||||||
|
justify-content: space-between
|
||||||
|
|
||||||
|
.info-area
|
||||||
|
display: flex
|
||||||
|
align-items: center
|
||||||
|
gap: 1rem
|
||||||
|
|
||||||
|
.module-info
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
align-items: center
|
||||||
|
width: 1rem
|
||||||
|
height: 1rem
|
||||||
|
background-color: $primary
|
||||||
|
padding: 0.8rem
|
||||||
|
font-size: 15pt
|
||||||
|
border-radius: 5rem
|
||||||
|
color: $white
|
||||||
|
|
||||||
|
.link-info h4, p
|
||||||
|
margin: 0
|
||||||
|
|
||||||
|
.link-info h4
|
||||||
|
font-size: 18pt
|
||||||
|
font-weight: 700
|
||||||
|
color: $gray
|
||||||
|
|
||||||
|
.link-info p
|
||||||
|
display: flex
|
||||||
|
gap: 0.5rem
|
||||||
|
align-items: center
|
||||||
|
font-size: 14pt
|
||||||
|
font-weight: 500
|
||||||
|
color: $primary
|
||||||
|
|
||||||
|
.link-external
|
||||||
|
font-size: 12pt
|
||||||
|
cursor: pointer
|
||||||
|
|
||||||
|
.tag-area
|
||||||
|
margin-left: 1rem
|
||||||
|
display: flex
|
||||||
|
gap: 0.4rem
|
||||||
|
flex-wrap: wrap
|
||||||
|
overflow: hidden
|
||||||
|
|
||||||
|
.right-area
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
.author-image
|
||||||
|
width: 2.5rem
|
||||||
|
height: 2.5rem
|
||||||
|
border-radius: 5rem
|
||||||
|
|
||||||
|
.view-area
|
||||||
|
display: flex
|
||||||
|
color: $gray
|
||||||
|
align-items: center
|
||||||
|
gap: 0.5rem
|
||||||
|
font-size: 16pt
|
||||||
|
margin-left: 1rem
|
||||||
|
margin-right: 1rem
|
||||||
|
|
||||||
|
.view-area h3
|
||||||
|
margin: 0
|
||||||
|
|
||||||
|
.action-area
|
||||||
|
display: flex
|
||||||
|
align-items: center
|
||||||
|
justify-content: space-between
|
||||||
|
gap: 2rem
|
||||||
|
font-size: 22pt
|
||||||
|
color: $gray
|
||||||
|
padding: 0 2rem
|
||||||
|
border: 1px solid $gray
|
||||||
|
border-radius: 1rem
|
||||||
|
margin-left: 2rem
|
||||||
|
|
||||||
|
.action-area svg
|
||||||
|
cursor: pointer
|
||||||
|
|
||||||
|
.action-edit:hover
|
||||||
|
color: $primary
|
||||||
|
|
||||||
|
.action-delete:hover
|
||||||
|
color: $red-hover
|
Reference in New Issue
Block a user