Pop-ups are dark and dont require close button

Change style of block buttons
This commit is contained in:
Michał Gdula 2023-03-15 17:03:24 +00:00
parent f9aeb0955d
commit a6c06ae39c
8 changed files with 36 additions and 62 deletions

View file

@ -39,7 +39,7 @@
display: flex
flex-direction: column
background-color: $white
background-color: $black
border-radius: $rad
overflow: hidden
@ -48,14 +48,14 @@
.pop-up-content
margin: 0
padding: 0.5rem 0.5rem 0
padding: 1rem
width: 100%
height: auto
display: flex
flex-direction: column
gap: 0.5rem
gap: 1rem
overflow-y: auto
overflow-x: hidden
@ -75,8 +75,8 @@
text-align: center
line-height: 1
color: $black
background-color: $white
color: $white
background-color: $black
p
margin: 0
@ -88,7 +88,7 @@
text-align: center
line-height: 1
color: $black
color: $white
img
margin: auto
@ -126,6 +126,8 @@
justify-content: flex-end
gap: 0.5rem
background-color: $black2
&.active
opacity: 1

View file

@ -43,45 +43,8 @@
align-items: center
gap: 0.5rem
input
margin: 0
padding: 0.5rem 1rem
input, button
width: 100%
height: 2.5rem
font-size: 1rem
font-weight: 600
color: $white
background-color: $black2
border: none
border-radius: $rad-inner
&::placeholder
color: $white
button
margin: 0
padding: 0.5rem 1rem
width: 100%
height: 2.5rem
font-size: 1rem
font-weight: 600
color: $white
background-color: $primary
border: none
border-radius: $rad-inner
cursor: pointer
&:hover
background-color: $black2
color: $primary
.click-off
position: absolute
@ -95,7 +58,7 @@
.container
padding: 0.5rem
padding: 1rem
position: absolute
bottom: 0
@ -225,8 +188,6 @@
bottom: 3.5rem
.container
padding: 1rem
width: 100%
height: calc(100% - 10rem)