diff --git a/AquaNet/src/app.sass b/AquaNet/src/app.sass index ec66bf1d..8e020918 100644 --- a/AquaNet/src/app.sass +++ b/AquaNet/src/app.sass @@ -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 diff --git a/AquaNet/src/components/ActionCard.svelte b/AquaNet/src/components/ActionCard.svelte index 0fcc8947..c641a850 100644 --- a/AquaNet/src/components/ActionCard.svelte +++ b/AquaNet/src/components/ActionCard.svelte @@ -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 - \ No newline at end of file + diff --git a/AquaNet/src/pages/Ranking.svelte b/AquaNet/src/pages/Ranking.svelte index eba3ce2a..b177f541 100644 --- a/AquaNet/src/pages/Ranking.svelte +++ b/AquaNet/src/pages/Ranking.svelte @@ -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 - + diff --git a/AquaNet/src/pages/UserHome.svelte b/AquaNet/src/pages/UserHome.svelte index 4872feff..26b0e57a 100644 --- a/AquaNet/src/pages/UserHome.svelte +++ b/AquaNet/src/pages/UserHome.svelte @@ -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 diff --git a/AquaNet/src/vars.sass b/AquaNet/src/vars.sass index 05d3a67a..51eddd00 100644 --- a/AquaNet/src/vars.sass +++ b/AquaNet/src/vars.sass @@ -13,4 +13,6 @@ $nav-height: 4rem $w-mobile: 560px $w-max: 900px -$transition: all 0.25s \ No newline at end of file +$border-radius: 12px + +$transition: all 0.25s