Created the LogArea styles.sass
This commit is contained in:
parent
ecc78bdfd6
commit
6f1c56023a
@ -0,0 +1,49 @@
|
||||
@import "@/common/styles/colors"
|
||||
|
||||
.log-area
|
||||
background-color: $black
|
||||
border: 2px solid $dark-gray
|
||||
border-radius: 1rem
|
||||
padding: 1rem 1rem
|
||||
width: 20rem
|
||||
|
||||
.header-area
|
||||
display: flex
|
||||
align-items: center
|
||||
gap: 0.5rem
|
||||
color: $darker-white
|
||||
|
||||
svg
|
||||
font-size: 16pt
|
||||
|
||||
h2
|
||||
margin: 0
|
||||
font-size: 16pt
|
||||
|
||||
.log-items
|
||||
margin-top: 1rem
|
||||
display: flex
|
||||
flex-direction: column
|
||||
gap: 0.5rem
|
||||
|
||||
.log-item
|
||||
display: flex
|
||||
align-items: center
|
||||
gap: 0.6rem
|
||||
color: $darker-white
|
||||
|
||||
svg
|
||||
color: $dark-gray
|
||||
font-size: 20pt
|
||||
p
|
||||
margin: 0
|
||||
font-size: 16pt
|
||||
font-weight: 500
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
.icon-success
|
||||
svg
|
||||
color: $green
|
||||
.icon-failed
|
||||
svg
|
||||
color: $red
|
Reference in New Issue
Block a user