mirror of https://github.com/hykilpikonna/AquaDX
[S] Unify border radius
parent
dcb671acd8
commit
2c550a0874
|
@ -40,7 +40,7 @@ h1
|
|||
display: flex
|
||||
flex-direction: column
|
||||
|
||||
border-radius: 5px
|
||||
border-radius: $border-radius
|
||||
padding: 12px 16px
|
||||
background: $ov-light
|
||||
|
||||
|
@ -52,7 +52,7 @@ blockquote
|
|||
padding: 10px 20px 10px 20px
|
||||
margin: 16px 0
|
||||
border-left: solid #ff7c7c 3px
|
||||
border-radius: 5px
|
||||
border-radius: $border-radius
|
||||
|
||||
|
||||
#app
|
||||
|
@ -68,7 +68,7 @@ main:not(.no-margin)
|
|||
|
||||
|
||||
button
|
||||
border-radius: 8px
|
||||
border-radius: $border-radius
|
||||
border: 1px solid transparent
|
||||
padding: 0.6em 1.2em
|
||||
font-size: 1em
|
||||
|
@ -124,7 +124,7 @@ button.icon
|
|||
color: $c-error
|
||||
|
||||
input
|
||||
border-radius: 8px
|
||||
border-radius: $border-radius
|
||||
border: 1px solid transparent
|
||||
padding: 0.6em 1.2em
|
||||
font-size: 1em
|
||||
|
@ -208,7 +208,7 @@ main.content
|
|||
> div
|
||||
background-color: $c-bg
|
||||
padding: 2rem
|
||||
border-radius: 10px
|
||||
border-radius: $border-radius
|
||||
|
||||
display: flex
|
||||
flex-direction: column
|
||||
|
|
|
@ -35,7 +35,7 @@
|
|||
.action-card
|
||||
overflow: hidden
|
||||
padding: 1rem
|
||||
border-radius: 16px
|
||||
border-radius: $border-radius
|
||||
box-shadow: 0 5px 5px 1px $c-shadow
|
||||
transition: all 0.2s ease
|
||||
cursor: pointer
|
||||
|
@ -73,4 +73,4 @@
|
|||
:global(> svg)
|
||||
position: absolute
|
||||
rotate: 20deg
|
||||
</style>
|
||||
</style>
|
||||
|
|
|
@ -62,7 +62,7 @@
|
|||
justify-content: space-between
|
||||
width: 100%
|
||||
gap: 12px
|
||||
border-radius: 12px
|
||||
border-radius: $border-radius
|
||||
padding: 6px 12px
|
||||
box-sizing: border-box
|
||||
|
||||
|
@ -94,5 +94,5 @@
|
|||
&.alternate
|
||||
background-color: $ov-light
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
|
|
@ -255,7 +255,7 @@ $gap: 20px
|
|||
.pfp
|
||||
width: 100px
|
||||
height: 100px
|
||||
border-radius: 12px
|
||||
border-radius: $border-radius
|
||||
object-fit: cover
|
||||
|
||||
@media (max-width: $w-mobile)
|
||||
|
@ -369,7 +369,7 @@ $gap: 20px
|
|||
|
||||
> div.alt
|
||||
background-color: rgba(white, 0.03)
|
||||
border-radius: 10px
|
||||
border-radius: $border-radius
|
||||
|
||||
// Image and song info
|
||||
> div
|
||||
|
@ -383,7 +383,7 @@ $gap: 20px
|
|||
img
|
||||
width: 50px
|
||||
height: 50px
|
||||
border-radius: 10px
|
||||
border-radius: $border-radius
|
||||
object-fit: cover
|
||||
|
||||
// Song info and score
|
||||
|
@ -429,7 +429,7 @@ $gap: 20px
|
|||
text-align: center
|
||||
background: rgba(var(--lv-color), 0.6)
|
||||
padding: 0 6px
|
||||
border-radius: 10px
|
||||
border-radius: $border-radius
|
||||
margin-right: 10px
|
||||
|
||||
span
|
||||
|
|
|
@ -13,4 +13,6 @@ $nav-height: 4rem
|
|||
$w-mobile: 560px
|
||||
$w-max: 900px
|
||||
|
||||
$transition: all 0.25s
|
||||
$border-radius: 12px
|
||||
|
||||
$transition: all 0.25s
|
||||
|
|
Loading…
Reference in New Issue