WIP Исправлена ошибка запросов, сделано удаление

src/components/base/BaseButton.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
   button.base-button.text-base(
     :disabled="disabled",
-    :class="{'rounded': rounded, 'outlined': outlined, 'secondary': secondary, 'confirm': confirm, 'added': added}"
+    :class="{'rounded': rounded, 'outlined': outlined, 'outlined-red': outlinedRed, 'secondary': secondary, 'confirm': confirm, 'added': added}"
     :style="{height: size + 'px', minWidth: size + 'px'}"
     )
     .button-container
@@ -25,6 +25,7 @@ export default {
   props: {
     confirm: Boolean,
     outlined: Boolean,
+    outlinedRed: Boolean,
     added: Boolean,
     rounded: Boolean,
     disabled: Boolean,
@@ -84,21 +85,38 @@ export default {
 
 .outlined
   background-color: var(--default-white)
-  border: 1px solid var(--btn-blue-color)
+  border: 1.5px solid var(--btn-blue-color)
   color: var(--btn-blue-color)
   &:active
     background-color: var(--default-white)
-    border: 1px solid var(--font-dark-blue-color)
+    border: 1.5px solid var(--font-dark-blue-color)
     color: var(--font-dark-blue-color)
   &:hover
     background-color: var(--default-white)
-    border: 1px solid var(--btn-blue-color-hover)
+    border: 1.5px solid var(--btn-blue-color-hover)
     color: var(--btn-blue-color-hover)
   &:disabled, &[disabled]
     background-color: var(--default-white)
-    border: 1px solid var(--btn-blue-color-1)
+    border: 1.5px solid var(--btn-blue-color-1)
     color: var(--btn-blue-color-1)
 
+.outlined-red
+  background-color: var(--default-white)
+  border: 1.5px solid var(--border-red-color)
+  color: var(--border-red-color)
+  &:active
+    background-color: var(--default-white)
+    border: 1.5px solid var(--bg-event-red-color)
+    color: var(--bg-event-red-color)
+  &:hover
+    background-color: var(--default-white)
+    border: 1.5px solid var(--bg-event-red-color-1)
+    color: var(--bg-event-red-color-1)
+  &:disabled, &[disabled]
+    background-color: var(--default-white)
+    border: 1.5px solid var(--bg-event-red-color-0)
+    color: var(--bg-event-red-color-0)
+
 .added
   border: 2px solid var(--btn-blue-color)
   &:hover

src/components/base/BaseModal.vue

@@ -4,7 +4,7 @@
       .base-content(v-click-outside="clickOutside")
         .base-header
           .header-title.text {{ title }}
-          .icon-cancel(@click="value = false")
+          .icon-cancel.text-sm(@click="value = false")
         slot
 
 </template>
@@ -56,7 +56,7 @@ export default {
   width: 100vw
   height: 100vh
 .base-content
-  padding: 32px
+  padding: 32px 40px
   background-color: var(--default-white)
   box-shadow: 4px 4px 8px rgba(9, 10, 21, 0.1), -4px -4px 8px rgba(9, 10, 21, 0.1)
   border-radius: 4px
@@ -65,7 +65,7 @@ export default {
   font-weight: 700
   font-size: 20px
   line-height: 23px
-
+  color: var(--font-dark-blue-color)
 .base-header
   display: flex
   justify-content: space-between