.network-cell.flex.box-border.px-4.items-center.w-full(:style="{ width: width + 'px'}")
.flex.gap-x-1
.text-xl.icon.relative(
v-for="network in getNetworks",
:class="settings.settings.find((el) => el.network === network.kind)?.icon || ''"
)
.absolute.icon-cancel-mini.delete.flex.w-4.h-4.justify-center.items-center.bottom-4.left-2(
v-if="isOpenChange",
:id="network.kind",
@click.stop="(e) => deleteNetwork(e)"
)
.flex.relative.pb-2(class="pl-[46px]")
base-button(
v-if="isOpenChange && settings.settings.length !== getNetworks.length",
@click.stop="openPopupAdding",
:rounded="true",
:outlined="true",
:added="true",
:size="24"
)
.icon-plus(class="pt-[2px]")
base-popup.right-3.top-6.z-20(
v-if="isOpenPopupAdding",
@click.stop,
v-click-outside="closePopup",
:width="485"
)
base-adding-network(
:value="network",
:selected-option="getSelectedIcon",
:list-adding-networks="getAddingNetworks",
:choose-network="chooseNetwork"
)
.w-fit
base-button(:size="40", @click="saveNetwork")
span.font-semibold Добавить