WIP доделал редактирование клиента, исправил отображение элементов sidebar, убрал лишние элементы детальной информации

src/components/base/BaseSelect.vue

@@ -1,12 +1,36 @@
 <template lang="pug">
-  .flex.justify-between.box-border.px-4.w-full.container.items-center.cursor-pointer(@click="openSelect" class="py-2.5" :class="{border: styleBorder}" :style="{ minWidth : widthSelect + 'px'}")
+  .flex.box-border.w-full.container.items-center.cursor-pointer(
+    @click="openSelect"
+    :class="{border: styleBorder, 'py-2.5 px-4':!forNetworks, 'justify-center':forNetworks, 'justify-between':!forNetworks}"
+    :style="{ minWidth : widthSelect + 'px'}"
+    )
     .relative.flex.flex-col
       .not-italic.select.cursor-pointer.w-full(v-if="!forNetworks") {{optionData}}
-        .absolute.options(v-show="isSelectOpen" :id="id" :style="{ minWidth : widthSelect + 'px'}")
-          .not-italic.option.pl-4.py-1(v-for="responsible in listData" @click="(e) => chooseOption(e)" :key="responsible" :id="responsible") {{responsible}}
-      .not-italic.select.cursor-pointer.w-full(v-if="forNetworks" :class="optionData")
-        .absolute.options(v-show="isSelectOpen" :id="id" :style="{ minWidth : widthSelect + 'px'}")
-          .not-italic.option.pl-4.py-1(v-for="responsible in listData" @click="(e) => chooseOption(e)" :key="responsible.network" :id="responsible.network" :class="responsible.icon")
+        .absolute.options(
+          v-show="isSelectOpen"
+          :id="id"
+          class="left-[-18px]"
+          :style="{ minWidth : widthSelect + 'px'}"
+          )
+          .not-italic.option.pl-4.py-1(
+            v-for="responsible in listData"
+            @click="(e) => chooseOption(e)"
+            :key="responsible"
+            :id="responsible"
+            ) {{responsible}}
+      .flex.not-italic.select.cursor-pointer.w-full.text-xl.items-center.networks(v-if="forNetworks" :class="optionData")
+        .absolute.options.top-5(
+          v-show="isSelectOpen"
+          class="left-[-11px]"
+          :id="id"
+          :style="{ minWidth : widthSelect + 'px'}")
+          .flex.not-italic.option.justify-center.py-1.text-xl(
+            v-for="responsible in listData"
+            @click="(e) => chooseOption(e)"
+            :key="responsible.network"
+            :id="responsible.network"
+            :class="responsible.icon"
+            )
     .select-form-separator.cursor-pointer(v-if="withSeparator")
     .text-sm.ml-2.pt-1.icon-down-arrow.icon.text-center(v-if="!forNetworks" :class="{ open: isSelectOpen}")
 </template>
@@ -58,6 +82,8 @@ export default {
   &::-webkit-calendar-picker-indicator
     display: none
     -webkit-appearance: none
+  &.networks
+    color: var(--font-dark-blue-color)
 .options
   z-index: 3
   width: max-content
@@ -65,7 +91,6 @@ export default {
   border: 2px solid var(--border-light-grey-color)
   border-top: none
   border-radius: 0 0 4px 4px
-  left: -18px
 .option
   color: var(--font-black-color)
   border-bottom: 1px solid var(--border-light-grey-color)