fix: modals style

This commit is contained in:
Shishkevich D. 2025-03-09 06:01:27 +00:00
parent 17a76d2843
commit 101e9ebf35

View file

@ -20,7 +20,7 @@
color: var(--dark-color-text-primary); color: var(--dark-color-text-primary);
} }
.ant-backup-list-item { .ant-backup-list-item {
text-align: left; gap: 10px;
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
} }
@ -272,7 +272,7 @@
</a-layout> </a-layout>
<a-modal id="version-modal" v-model="versionModal.visible" title='{{ i18n "pages.index.xraySwitch" }}' :closable="true" <a-modal id="version-modal" v-model="versionModal.visible" title='{{ i18n "pages.index.xraySwitch" }}' :closable="true"
@ok="() => versionModal.visible = false" :class="themeSwitcher.currentTheme" footer=""> @ok="() => versionModal.visible = false" :class="themeSwitcher.currentTheme" footer="">
<a-alert type="warning" style="margin-bottom: 12px; width: fit-content" <a-alert type="warning" style="margin-bottom: 12px; width: 100%;"
message='{{ i18n "pages.index.xraySwitchClickDesk" }}' show-icon></a-alert> message='{{ i18n "pages.index.xraySwitchClickDesk" }}' show-icon></a-alert>
<a-list class="ant-xray-version-list" bordered style="width: 100%;"> <a-list class="ant-xray-version-list" bordered style="width: 100%;">
<a-list-item class="ant-xray-version-list-item" v-for="version in versionModal.versions"> <a-list-item class="ant-xray-version-list-item" v-for="version in versionModal.versions">
@ -334,7 +334,6 @@
:closable="true" :closable="true"
footer="" footer=""
:class="themeSwitcher.currentTheme"> :class="themeSwitcher.currentTheme">
<a-space direction="horizontal" style="text-align: center; margin-bottom: 10px;">
<a-list class="ant-backup-list" bordered style="width: 100%;"> <a-list class="ant-backup-list" bordered style="width: 100%;">
<a-list-item class="ant-backup-list-item" @click="exportDatabase()"> <a-list-item class="ant-backup-list-item" @click="exportDatabase()">
<a-list-item-meta> <a-list-item-meta>
@ -354,7 +353,6 @@
<a-icon type="right" /> <a-icon type="right" />
</a-list-item> </a-list-item>
</a-list> </a-list>
</a-space>
</a-modal> </a-modal>
</a-layout> </a-layout>
{{template "js" .}} {{template "js" .}}