💄 (interval) bigger font size for interval's buttons

2020-07-04 23:07:49 +02:00
parent 14dc5f251e
commit eedae13ae0
1 changed files with 12 additions and 1 deletions
--- a/src/components/IntervalInput.vue
+++ b/src/components/IntervalInput.vue
@@ -41,13 +41,24 @@ export default defineComponent({
 </script>

 <style lang="scss" scoped>
+$button-size: 50px;
+
 .interval-input {
  margin: 0 auto;
  max-width: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
-  gap: 1rem;
  flex-wrap: wrap;
+
+  button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0 1rem;
+    font-size: 2rem;
+    width: $button-size;
+    height: $button-size;
+  }
 }
 </style>