chore(refactor): modern UI

2020-12-11 22:24:34 +05:30
parent 773423069b
commit 5a7bcf32ea
55 changed files with 936 additions and 860 deletions
--- a/components/ui/modal.vue
+++ b/components/ui/modal.vue
@@ -49,7 +49,6 @@
  @apply flex-1;
  @apply flex-col;
  @apply m-2;
-  @apply p-2;
  @apply transition;
  @apply ease-in-out;
  @apply duration-200;
@@ -58,13 +57,21 @@
  @apply shadow-2xl;

  max-height: calc(100vh - 128px);
-  max-width: 720px;
+  max-width: 640px;
+}
+
+.modal-header {
+  @apply pl-2;
 }

 .modal-body {
  @apply overflow-auto;
 }

+.modal-footer {
+  @apply p-2;
+}
+
 /*
  * The following styles are auto-applied to elements with
  * transition="modal" when their visibility is toggled