Update settings.html

This commit is contained in:
Tara Rostami 2024-03-15 12:02:33 +03:30 committed by GitHub
parent 20c88c96dc
commit 76b902aff3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -36,18 +36,20 @@
transition-duration: .3s; transition-duration: .3s;
animation: signal 0.9s ease infinite; animation: signal 0.9s ease infinite;
} }
@keyframes signal{ @keyframes signal {
0%{ 0% {
box-shadow: 0 0 0 0 rgba(194, 118, 18, 0.5); box-shadow: 0 0 0 0 rgba(194, 118, 18, 0.5);
} }
50%{
box-shadow: 0 0 0 6px rgba(0 ,0,0,0); 50% {
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0);
} }
100%{
box-shadow: 0 0 0 6px rgba(0 ,0,0,0); 100% {
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0);
} }
} }
.alert-msg > i { .alert-msg>i {
color: inherit; color: inherit;
font-size: 24px; font-size: 24px;
} }
@ -58,10 +60,13 @@
padding: 10px 20px; padding: 10px 20px;
border-bottom: 2px solid; border-bottom: 2px solid;
} }
.collapse-title > i { .collapse-title>i {
color: inherit; color: inherit;
font-size: 24px; font-size: 24px;
} }
.ant-collapse-content-box .ant-list-item {
border-bottom: none !important;
}
</style> </style>
<body> <body>
<a-layout id="app" v-cloak :class="themeSwitcher.currentTheme"> <a-layout id="app" v-cloak :class="themeSwitcher.currentTheme">
@ -289,8 +294,10 @@
<a-switch v-model="fragment"></a-switch> <a-switch v-model="fragment"></a-switch>
</a-col> </a-col>
</a-row> </a-row>
<a-row v-if="fragment" style="margin-top: 10px;"> <a-collapse v-if="fragment" style="margin-top: 14px;">
<a-row style="padding: 10px 0"> <a-collapse-panel header='{{ i18n "pages.settings.fragment"}}' v-if="fragment">
<a-list-item style="padding: 10px 20px">
<a-row>
<a-col :lg="24" :xl="12"> <a-col :lg="24" :xl="12">
<a-list-item-meta title='Packets'></a-list-item-meta> <a-list-item-meta title='Packets'></a-list-item-meta>
</a-col> </a-col>
@ -300,23 +307,11 @@
</a-select> </a-select>
</a-col> </a-col>
</a-row> </a-row>
<a-row style="padding: 10px 0"> </a-list-item>
<a-col :lg="24" :xl="12"> <setting-list-item style="padding: 10px 20px" type="text" title='Length' v-model="fragmentLength" placeholder="100-200"></setting-list-item>
<a-list-item-meta title='Length'></a-list-item-meta> <setting-list-item style="padding: 10px 20px" type="text" title='Interval' v-model="fragmentInterval" placeholder="10-20"></setting-list-item>
</a-col> </a-collapse-panel>
<a-col :lg="24" :xl="12"> </a-collapse>
<a-input v-model="fragmentLength" placeholder="100-200"></a-input>
</a-col>
</a-row>
<a-row style="padding: 10px 0">
<a-col :lg="24" :xl="12">
<a-list-item-meta title='Interval'></a-list-item-meta>
</a-col>
<a-col :lg="24" :xl="12">
<a-input v-model="fragmentInterval" placeholder="10-20"></a-input>
</a-col>
</a-row>
</a-row>
</a-list-item> </a-list-item>
<a-list-item style="padding: 20px"> <a-list-item style="padding: 20px">
<a-row> <a-row>
@ -327,24 +322,12 @@
<a-switch v-model="enableMux"></a-switch> <a-switch v-model="enableMux"></a-switch>
</a-col> </a-col>
</a-row> </a-row>
<a-row v-if="enableMux" style="margin-top: 10px;"> <a-collapse v-if="enableMux" style="margin-top: 14px;">
<a-row style="padding: 10px 0"> <a-collapse-panel header='Mux'>
<a-col :lg="24" :xl="12"> <setting-list-item style="padding: 10px 20px" type="number" title='Concurrency' v-model="muxConcurrency" :min="-1" :max="1024"></setting-list-item>
<a-list-item-meta title='Concurrency'></a-list-item-meta> <setting-list-item style="padding: 10px 20px" type="number" title='xudp Concurrency' v-model="muxXudpConcurrency" :min="-1" :max="1024"></setting-list-item>
</a-col> <a-list-item style="padding: 10px 20px">
<a-col :lg="24" :xl="12"> <a-row>
<a-input-number style="width: 100%;" v-model="muxConcurrency" :min="-1" :max="1024"></a-input-number>
</a-col>
</a-row>
<a-row style="padding: 10px 0">
<a-col :lg="24" :xl="12">
<a-list-item-meta title='xudp Concurrency'></a-list-item-meta>
</a-col>
<a-col :lg="24" :xl="12">
<a-input-number style="width: 100%;" v-model="muxXudpConcurrency" :min="-1" :max="1024"></a-input-number>
</a-col>
</a-row>
<a-row style="padding: 10px 0">
<a-col :lg="24" :xl="12"> <a-col :lg="24" :xl="12">
<a-list-item-meta title='xudp UDP 443'></a-list-item-meta> <a-list-item-meta title='xudp UDP 443'></a-list-item-meta>
</a-col> </a-col>
@ -354,7 +337,9 @@
</a-select> </a-select>
</a-col> </a-col>
</a-row> </a-row>
</a-row> </a-list-item>
</a-collapse-panel>
</a-collapse>
</a-list-item> </a-list-item>
<a-list-item style="padding: 20px"> <a-list-item style="padding: 20px">
<a-row> <a-row>
@ -367,11 +352,13 @@
<a-switch v-model="enableDirect"></a-switch> <a-switch v-model="enableDirect"></a-switch>
</a-col> </a-col>
</a-row> </a-row>
<a-row v-if="enableDirect" style="margin-top: 10px;"> <a-collapse v-if="enableDirect" style="margin-top: 14px;">
<a-row style="padding: 10px 0"> <a-collapse-panel header='{{ i18n "pages.xray.directCountryConfigs"}}'>
<a-list-item style="padding: 10px 20px">
<a-checkbox-group v-model="directCountries" name="Countries" :options="countryOptions"></a-checkbox-group> <a-checkbox-group v-model="directCountries" name="Countries" :options="countryOptions"></a-checkbox-group>
</a-row> </a-list-item>
</a-row> </a-collapse-panel>
</a-collapse>
</a-list-item> </a-list-item>
</a-list> </a-list>
</a-tab-pane> </a-tab-pane>