Set circles heights to 100% over 50vh

Depending on the viewport height, it could break the shape
2020-03-11 10:49:15 +01:00
parent 6ece6a99df
commit 94a93bbcd5
4 changed files with 5 additions and 5 deletions
--- a/src/style/molecules/_location.scss
+++ b/src/style/molecules/_location.scss
@@ -27,7 +27,7 @@
        width: 32px;
        height: auto;
        margin: 0 auto;
-        border-radius: 50vh;
+        border-radius: 100%;
    }

    // City
@@ -79,7 +79,7 @@
        width: 216px;
        height: 216px;
        background: rgba($color-lightpurple, 0.3);
-        border-radius: 50vh;
+        border-radius: 100%;
        transition: all 85ms ease-in-out;
    }
 }