🚨 Lint

components/modal.vue

@@ -18,41 +18,41 @@
   </transition>
 </template>
 <style scoped>
-  .modal-backdrop {
-    position: fixed;
-    z-index: 998;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.5);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: all 0.2s ease;
-  }
+.modal-backdrop {
+  position: fixed;
+  z-index: 998;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s ease;
+}
 
-  .modal-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-grow: 1;
-    max-width: 800px;
-  }
+.modal-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 1;
+  max-width: 800px;
+}
 
-  .modal-container {
-    display: flex;
-    flex-grow: 1;
-    flex-direction: column;
-    margin: 8px;
-    padding: 12px;
-    transition: all 0.2s ease;
-    background-color: var(--bg-color);
-    border-radius: 8px;
-    box-shadow: rgba(0, 0, 0, 0.5) 0px 16px 70px;
-  }
+.modal-container {
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  margin: 8px;
+  padding: 12px;
+  transition: all 0.2s ease;
+  background-color: var(--bg-color);
+  border-radius: 8px;
+  box-shadow: rgba(0, 0, 0, 0.5) 0px 16px 70px;
+}
 
-  /*
+/*
   * The following styles are auto-applied to elements with
   * transition="modal" when their visibility is toggled
   * by Vue.js.
@@ -61,14 +61,14 @@
   * these styles.
   */
 
-  .modal-fade-enter,
-  .modal-fade-leave-active {
-    opacity: 0;
-  }
+.modal-fade-enter,
+.modal-fade-leave-active {
+  opacity: 0;
+}
 
-  .modal-fade-enter .modal-container,
-  .modal-fade-leave-active .modal-container {
-    transform: scale(0.9);
-    transition: all 0.1s ease-in-out;
-  }
+.modal-fade-enter .modal-container,
+.modal-fade-leave-active .modal-container {
+  transform: scale(0.8);
+  transition: all 0.2s ease-in-out;
+}
 </style>