archive
/
AquaDX
mirror of https://github.com/hykilpikonna/AquaDX
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

[S] Unify border radius

pull/22/head
Azalea 2024-03-05 19:19:05 -05:00
parent dcb671acd8
commit 2c550a0874
5 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
AquaNet/src/app.sass
View File

@ -40,7 +40,7 @@ h1
display: flex display: flex
flex-direction: column flex-direction: column
border-radius: 5px border-radius: $border-radius
padding: 12px 16px padding: 12px 16px
background: $ov-light background: $ov-light
@ -52,7 +52,7 @@ blockquote
padding: 10px 20px 10px 20px padding: 10px 20px 10px 20px
margin: 16px 0 margin: 16px 0
border-left: solid #ff7c7c 3px border-left: solid #ff7c7c 3px
border-radius: 5px border-radius: $border-radius
#app #app
@ -68,7 +68,7 @@ main:not(.no-margin)
button button
border-radius: 8px border-radius: $border-radius
border: 1px solid transparent border: 1px solid transparent
padding: 0.6em 1.2em padding: 0.6em 1.2em
font-size: 1em font-size: 1em
@ -124,7 +124,7 @@ button.icon
color: $c-error color: $c-error
input input
border-radius: 8px border-radius: $border-radius
border: 1px solid transparent border: 1px solid transparent
padding: 0.6em 1.2em padding: 0.6em 1.2em
font-size: 1em font-size: 1em
@ -208,7 +208,7 @@ main.content
> div > div
background-color: $c-bg background-color: $c-bg
padding: 2rem padding: 2rem
border-radius: 10px border-radius: $border-radius
display: flex display: flex
flex-direction: column flex-direction: column

2
AquaNet/src/components/ActionCard.svelte
View File

@ -35,7 +35,7 @@
.action-card .action-card
overflow: hidden overflow: hidden
padding: 1rem padding: 1rem
border-radius: 16px border-radius: $border-radius
box-shadow: 0 5px 5px 1px $c-shadow box-shadow: 0 5px 5px 1px $c-shadow
transition: all 0.2s ease transition: all 0.2s ease
cursor: pointer cursor: pointer

2
AquaNet/src/pages/Ranking.svelte
View File

@ -62,7 +62,7 @@
justify-content: space-between justify-content: space-between
width: 100% width: 100%
gap: 12px gap: 12px
border-radius: 12px border-radius: $border-radius
padding: 6px 12px padding: 6px 12px
box-sizing: border-box box-sizing: border-box

8
AquaNet/src/pages/UserHome.svelte
View File

@ -255,7 +255,7 @@ $gap: 20px
.pfp .pfp
width: 100px width: 100px
height: 100px height: 100px
border-radius: 12px border-radius: $border-radius
object-fit: cover object-fit: cover
@media (max-width: $w-mobile) @media (max-width: $w-mobile)
@ -369,7 +369,7 @@ $gap: 20px
> div.alt > div.alt
background-color: rgba(white, 0.03) background-color: rgba(white, 0.03)
border-radius: 10px border-radius: $border-radius
// Image and song info // Image and song info
> div > div
@ -383,7 +383,7 @@ $gap: 20px
img img
width: 50px width: 50px
height: 50px height: 50px
border-radius: 10px border-radius: $border-radius
object-fit: cover object-fit: cover
// Song info and score // Song info and score
@ -429,7 +429,7 @@ $gap: 20px
text-align: center text-align: center
background: rgba(var(--lv-color), 0.6) background: rgba(var(--lv-color), 0.6)
padding: 0 6px padding: 0 6px
border-radius: 10px border-radius: $border-radius
margin-right: 10px margin-right: 10px
span span

2
AquaNet/src/vars.sass
View File

@ -13,4 +13,6 @@ $nav-height: 4rem
$w-mobile: 560px $w-mobile: 560px
$w-max: 900px $w-max: 900px
$border-radius: 12px
$transition: all 0.25s $transition: all 0.25s