WIP Поправила часть иконок

src/pages/newCalendar/components/CalendarRecordPreview.vue

@@ -3,8 +3,8 @@
     .header.flex.mb-6
       .title.font-bold.text-xl.color-dark-blue Запись на {{ date }}, {{ time }}
       .icons.flex.items-center.gap-x-3.-mt-5.-mr-4.p-1
-        q-icon.cursor-pointer(name="app:dots", size="18px", color="dark")
-        q-icon.cursor-pointer(name="app:cancel", size="18px", color="dark", @click="hidePreview")
+        q-icon.cursor-pointer.header-icon(name="app:dots", size="24px", color="dark")
+        q-icon.cursor-pointer.header-icon(name="app:cancel", size="24px", color="dark", @click="hidePreview")
     .body.gap-y-4.text.text-sm
       .flex.items-center.gap-x-3(v-for="field in previewConfig", :key="field?.title")
         .field.color-grey.flex.items-center.justify-start.font-semibold {{ field?.title }}:
@@ -25,7 +25,7 @@
             :style="{'font-weight': 500}"
             size="14px"
           )
-            q-icon.arrow(name="app:long-arrow", size="18px", right)
+            q-icon.arrow.ml-1(name="app:long-arrow", size="20px")
         .flex.gap-x-1.flex-1.h-full(v-if="field?.title === 'Услуги'")
           .rounded.h-full.services.flex.flex-wrap.gap-1.p-1
             .py-2.px-4.color-dark-blue.rounded.h-7.relative(
@@ -156,6 +156,8 @@ export default {
   border-bottom: 4px solid var(--bg-aqua-blue)
 .arrow
   transform: rotate(180deg)
+  :deep(path)
+    fill: var(--default-white)
 .cost
   width: 82px
 .services
@@ -173,4 +175,6 @@ export default {
   white-space: nowrap
 .gradient
   display: none
+.header-icon :deep(path)
+  fill: var(--font-dark-blue-color)
 </style>