Alex-Devera/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2025-04-19 21:42:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: modals style

Browse source
This commit is contained in:
Shishkevich D. 2025-03-09 06:01:27 +00:00
parent 17a76d2843
commit 101e9ebf35
1 changed files with 21 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
web/html/xui/index.html
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,27 +334,25 @@
: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> <template #title>{{ i18n "pages.index.exportDatabase" }}</template>
<template #title>{{ i18n "pages.index.exportDatabase" }}</template> <template #description>{{ i18n "pages.index.exportDatabaseDesc" }}</template>
<template #description>{{ i18n "pages.index.exportDatabaseDesc" }}</template> </a-list-item-meta>
</a-list-item-meta> <a-icon type="right" />
<a-icon type="right" /> </a-list-item>
</a-list-item> <a-list-item class="ant-backup-list-item" @click="importDatabase()">
<a-list-item class="ant-backup-list-item" @click="importDatabase()"> <a-list-item-meta>
<a-list-item-meta> <template #title>{{ i18n "pages.index.importDatabase" }}</template>
<template #title>{{ i18n "pages.index.importDatabase" }}</template> <template #description>{{ i18n "pages.index.importDatabaseDesc" }}</template>
<template #description>{{ i18n "pages.index.importDatabaseDesc" }}</template> <templaet #avatar>
<templaet #avatar> <a-icon type="import" />
<a-icon type="import" /> </templaet>
</templaet> </a-list-item-meta>
</a-list-item-meta> <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" .}}