1
0

Created the Dialog styles.sass

This commit is contained in:
Mathias Wagner 2023-11-21 08:57:20 +01:00
parent 747a3291a3
commit 6c72ae6b57
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44

View File

@ -0,0 +1,55 @@
@import "@styles/colors"
.dialog-overlay
position: fixed
top: 0
left: 0
width: 100%
height: 100%
background-color: rgba(0, 0, 0, 0.5)
z-index: 10
display: flex
justify-content: center
align-items: center
.dialog
position: absolute
z-index: 11
padding: 0 0 1rem 0
.dialog-header
display: flex
justify-content: space-between
align-items: center
padding: 0 1.5rem
gap: 4rem
.dialog-title
display: flex
align-items: center
gap: 1rem
.dialog-content
margin: 0 1rem
.dialog-item
display: flex
align-items: center
justify-content: space-between
h2
margin: 0
input
width: 3rem
padding: 0.5rem 0.5rem
color: $text
font-weight: 600
font-size: 16pt
svg
font-size: 18pt
svg:nth-child(2)
color: $error
cursor: pointer