Add style to Photo Viewer page

2021-10-19 12:22:04 +02:00
parent 1aaa12f435
commit ab9b0e1a59
8 changed files with 221 additions and 25 deletions
--- a/src/style/atoms/_arrow.scss
+++ b/src/style/atoms/_arrow.scss
@@ -6,4 +6,14 @@
            fill: #fff;
        }
    }
+
+    &--pink {
+        path {
+            fill: $color-secondary;
+        }
+    }
+
+    &--flip {
+        transform: rotate(180deg);
+    }
 }
--- a/src/style/atoms/_button-circle.scss
+++ b/src/style/atoms/_button-circle.scss
@@ -0,0 +1,15 @@
+.button-circle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 56px;
+    height: 56px;
+    background-color: #fff;
+    border-radius: 100vh;
+
+    & > * {
+        width: 22px;
+        height: 22px;
+        object-fit: contain;
+    }
+}