squircle

commit cd085f5244a9024ce9b389b68b5f7e499a5ed5b9
parent 9f8cbc1ac54a096dd89985da8f0e4d5d7e03e720
Author: Arnaud Becher <arnaud.becher@gmail.com>
Date:   Sat, 18 Jul 2020 10:56:30 +0200

fix preview proportions as a square

Diffstat:
M
src/components/GeneratorControls.vue
 | 
4
++--
M
src/components/TheGenerator.vue
 | 
4
++--

2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/components/GeneratorControls.vue b/src/components/GeneratorControls.vue
@@ -78,8 +78,8 @@ export default {
             <BaseRangeInput
                     name="rotation"
                     class="generator-controls__slider"
-                    :min="0"
-                    :max="90"
+                    :min="-45"
+                    :max="45"
                     :value="rotation"
                     :step="1"
                     @change="handleControlChange"
diff --git a/src/components/TheGenerator.vue b/src/components/TheGenerator.vue
@@ -75,7 +75,7 @@ export default {
 .generator {
     position: relative;
     display: grid;
-    grid-template-columns: 368px 1fr;
+    grid-template-columns: 418px 1fr;
     grid-gap: var(--spacing-6);
     padding: var(--spacing-5);
     background: #fff;
@@ -83,7 +83,7 @@ export default {
     border-radius: 48px;
 }
 
-@media screen and (max-width: 56rem) {
+@media screen and (max-width: 60rem) {
     .generator-wrapper {
         width: 100%;
     }