diff --git a/src/styles/AssociationDescription.module.scss b/src/styles/AssociationDescription.module.scss index aac21a1..a68fc50 100644 --- a/src/styles/AssociationDescription.module.scss +++ b/src/styles/AssociationDescription.module.scss @@ -41,7 +41,7 @@ > * { border: 2px variables.$glass-color solid; - border-radius: 1rem; + border-radius: variables.$medium-border-radius; padding: 1rem; display: flex; diff --git a/src/styles/Card.module.scss b/src/styles/Card.module.scss index ce6407a..5a7f5eb 100644 --- a/src/styles/Card.module.scss +++ b/src/styles/Card.module.scss @@ -11,7 +11,7 @@ align-items: center; overflow: hidden; - border-radius: 5rem; + border-radius: variables.$large-border-radius; padding: 1rem; diff --git a/src/styles/GalleriesPage.module.scss b/src/styles/GalleriesPage.module.scss index f0b8303..2158047 100644 --- a/src/styles/GalleriesPage.module.scss +++ b/src/styles/GalleriesPage.module.scss @@ -49,7 +49,7 @@ padding-bottom: 1rem; display: flex; flex-direction: column; - border-radius: variables.$small-border-radius; + border-radius: variables.$medium-border-radius; overflow: hidden; box-shadow: 0 4px 30px rgba(0, 0, 100, 0.3); diff --git a/src/styles/NavigationBar.module.scss b/src/styles/NavigationBar.module.scss index ff78e05..b3fd4f8 100644 --- a/src/styles/NavigationBar.module.scss +++ b/src/styles/NavigationBar.module.scss @@ -52,12 +52,12 @@ .selected { border: 2px solid; padding: 0.5rem 1rem 0.5rem 1rem; - border-radius: 2rem; + border-radius: variables.$medium-border-radius; } .subsonicEntry { padding: 0.5rem 1rem 0.5rem 1rem; - border-radius: 2rem; + border-radius: variables.$medium-border-radius; background-color: #000000aa; } @@ -65,7 +65,7 @@ display: flex; align-content: center; background: variables.$icbd-gradient; - border-radius: 1rem; + border-radius: variables.$small-border-radius; padding: 0.25rem; border: 2px solid orange; img { @@ -149,7 +149,7 @@ display: none; overflow: hidden; z-index: 1; - border-radius: 5px; + border-radius: variables.$small-border-radius; white-space: nowrap; .menuItem { diff --git a/src/styles/Timetable.module.scss b/src/styles/Timetable.module.scss index 1611b69..0870f6b 100644 --- a/src/styles/Timetable.module.scss +++ b/src/styles/Timetable.module.scss @@ -112,7 +112,7 @@ $header-height: 3rem; margin: 0.2rem; - border-radius: 10px; + border-radius: variables.$small-border-radius; p { color: white; diff --git a/src/styles/utilities/_variables.scss b/src/styles/utilities/_variables.scss index 490b59a..c5fc7ca 100644 --- a/src/styles/utilities/_variables.scss +++ b/src/styles/utilities/_variables.scss @@ -16,9 +16,10 @@ $dark-title-color: #273183; $glass-color: rgba(100, 100, 255, 0.75); $glass-color-hover: rgba(122, 122, 238, 0.75); -$border-radius: 3rem; - $small-border-radius: 1rem; +$medium-border-radius: 2rem; +$border-radius: 3rem; +$large-border-radius: 5rem; $navbar-height: 4rem;