Updated design of modal

This commit is contained in:
Patrick Alvin Alcala 2025-10-03 11:52:50 +08:00
parent 105e7ea195
commit 74d8ad747e
2 changed files with 48 additions and 34 deletions

View file

@ -84,6 +84,7 @@ h1
width: 90%
border-collapse: collapse
margin: 2rem
box-shadow: inset 0 1px 2px #16212C, 0 2px 4px #2a3f5332, 0 4px 8px #344c654e
th, td
// border: 1px solid vars.$tableBorderColor
@ -120,13 +121,17 @@ h1
font-weight: 500
&__application-number
padding: 1rem
// border: 1px solid #5882abdb
border-radius: 8px
font-size: 1.75rem
font-weight: 700
display: flex
flex-direction: column
flex-wrap: wrap
align-items: center
background: #16212C
box-shadow: 8px 8px 28px #0d141b, -8px -8px 28px #1f2e3d
&__name
padding: 1rem 0 0 0
font-size: 1rem
@ -138,7 +143,11 @@ h1
justify-content: flex-start
align-items: flex-start
gap: 0.5rem
padding: 2rem 0 0 0
padding: 1.25rem 1rem
// box-shadow: 5px 5px 10px #10171f, -5px -5px 10px #1c2b39
// border: 1px solid white
// border-radius: 8px
// margin: 0.5rem
&__label
font-size: 0.75rem
@ -149,3 +158,8 @@ h1
&__price
font-size: 1.75rem
font-weight: 700
&__cancel
font-size: 0.75rem
padding: 0.5rem 0 0 0
font-weight: 400