diff --git a/src/atoms/IconArrow.svelte b/src/atoms/IconArrow.svelte index 07811f0..dabeb46 100644 --- a/src/atoms/IconArrow.svelte +++ b/src/atoms/IconArrow.svelte @@ -4,10 +4,10 @@ export let hidden = undefined - + {#if direction === 'left'} - + {:else if direction === 'right'} - + {/if} diff --git a/src/style/atoms/_button-control.scss b/src/style/atoms/_button-control.scss index 4df66d2..1e0c316 100644 --- a/src/style/atoms/_button-control.scss +++ b/src/style/atoms/_button-control.scss @@ -2,6 +2,7 @@ .button-control { position: relative; display: flex; + flex-direction: column; align-items: center; justify-content: center; width: 40px; @@ -9,7 +10,7 @@ overflow: hidden; padding-top: 2px; pointer-events: auto; - border-radius: 100%; + border-radius: 50%; border: none; cursor: pointer; outline: none; @@ -23,6 +24,7 @@ // Icon .icon { + position: relative; overflow: hidden; display: block; width: 13px; @@ -266,4 +268,4 @@ } } } -} +} \ No newline at end of file diff --git a/src/style/atoms/_link.scss b/src/style/atoms/_link.scss index 84f2fc8..1653d1c 100644 --- a/src/style/atoms/_link.scss +++ b/src/style/atoms/_link.scss @@ -44,7 +44,7 @@ height: 22px; margin-left: 6px; background-color: #fff; - border-radius: 100%; + border-radius: 50%; svg { height: auto; diff --git a/src/style/molecules/_globe.scss b/src/style/molecules/_globe.scss index 2436fe6..03457b2 100644 --- a/src/style/molecules/_globe.scss +++ b/src/style/molecules/_globe.scss @@ -67,7 +67,7 @@ width: 8px; height: 8px; padding: 4px; - border-radius: 100%; + border-radius: 50%; opacity: 1; background: #ff6c89; will-change: transform; diff --git a/src/style/molecules/_location.scss b/src/style/molecules/_location.scss index 294bfb3..0ce4456 100644 --- a/src/style/molecules/_location.scss +++ b/src/style/molecules/_location.scss @@ -22,7 +22,7 @@ width: 32px; height: auto; margin: 0 auto; - border-radius: 100%; + border-radius: 50%; } // City @@ -75,7 +75,7 @@ width: 184px; height: 184px; background: rgba($color-lightpurple, 0.3); - border-radius: 100%; + border-radius: 50%; transition: transform 0.3s $ease-quart, opacity 0.3s $ease-quart; will-change: transform; diff --git a/src/style/organisms/_carousel.scss b/src/style/organisms/_carousel.scss index 3911212..e2c53b0 100644 --- a/src/style/organisms/_carousel.scss +++ b/src/style/organisms/_carousel.scss @@ -344,7 +344,7 @@ height: 8px; padding: 0; background-color: $color-lightpurple; - border-radius: 100%; + border-radius: 50%; text-decoration: none; } } diff --git a/src/style/organisms/_fullscreen.scss b/src/style/organisms/_fullscreen.scss index 322451d..b1edb7a 100644 --- a/src/style/organisms/_fullscreen.scss +++ b/src/style/organisms/_fullscreen.scss @@ -75,7 +75,7 @@ width: 80px; height: 80px; background-color: $color-primary; - border-radius: 100%; + border-radius: 50%; transition: transform 0.8s $ease-quart, opacity 0.8s $ease-quart; // Hidden state