Update inbound_info_modal.html (#1342)

* Update login.html

* Update custom.css

* Update inbound_info_modal.html

* Update custom.css

* Update custom.css
This commit is contained in:
Tara Rostami 2023-12-12 20:03:29 +03:30 committed by MHSanaei
parent 038bbfaee1
commit e300fbc7cb
5 changed files with 28 additions and 21 deletions

View file

@ -1052,7 +1052,14 @@ li.ant-select-dropdown-menu-item:empty:after {
max-width: 200px; max-width: 200px;
} }
.ant-modal-body { .tag-of-wrap-l {
text-wrap: pretty;
overflow-wrap: anywhere;
max-width: 350px;
}
.ant-modal-body,
.ant-collapse-content>.ant-collapse-content-box {
overflow-x: auto; overflow-x: auto;
} }

View file

@ -102,8 +102,8 @@
} }
.ant-btn-primary-login { .ant-btn-primary-login {
color: #008771; color: #008771;
background-color: #eef9f7; background-color: #e8f4f2;
border-color: #89d9cc; border-color: #a2d3cb;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
box-shadow: none; box-shadow: none;
width: 100%; width: 100%;

View file

@ -39,7 +39,7 @@
<tr v-if="inbound.protocol === Protocols.VMESS || inbound.protocol === Protocols.VLESS"> <tr v-if="inbound.protocol === Protocols.VMESS || inbound.protocol === Protocols.VLESS">
<td>ID <a-icon @click="client.id = RandomUtil.randomUUID()" type="sync"></a-icon></td> <td>ID <a-icon @click="client.id = RandomUtil.randomUUID()" type="sync"></a-icon></td>
<td> <td>
<a-input v-model.trim="client.id" style="width: 300px;"></a-input> <a-input v-model.trim="client.id" style="width: 250px;"></a-input>
</td> </td>
</tr> </tr>
<tr v-if="client.email && app.subSettings.enable"> <tr v-if="client.email && app.subSettings.enable">

View file

@ -327,7 +327,7 @@
</td> </td>
<td> <td>
<a-form-item> <a-form-item>
<a-input v-model.trim="inbound.stream.reality.dest" style="width: 300px"></a-input> <a-input v-model.trim="inbound.stream.reality.dest" style="width: 250px"></a-input>
</a-form-item> </a-form-item>
</td> </td>
</tr> </tr>
@ -337,7 +337,7 @@
</td> </td>
<td> <td>
<a-form-item> <a-form-item>
<a-input v-model.trim="inbound.stream.reality.serverNames" style="width: 300px"></a-input> <a-input v-model.trim="inbound.stream.reality.serverNames" style="width: 250px"></a-input>
</a-form-item> </a-form-item>
</td> </td>
</tr> </tr>
@ -369,7 +369,7 @@
</td> </td>
<td> <td>
<a-form-item> <a-form-item>
<a-input v-model.trim="inbound.stream.reality.privateKey" style="width: 300px"></a-input> <a-input v-model.trim="inbound.stream.reality.privateKey" style="width: 250px"></a-input>
</a-form-item> </a-form-item>
</td> </td>
</tr> </tr>
@ -380,7 +380,7 @@
<td> <td>
<a-form-item> <a-form-item>
<a-input v-model.trim="inbound.stream.reality.settings.publicKey" <a-input v-model.trim="inbound.stream.reality.settings.publicKey"
style="width: 300px"></a-input> style="width: 250px"></a-input>
</a-form-item> </a-form-item>
</td> </td>
</tr> </tr>

View file

@ -11,7 +11,7 @@
<tr><td> <tr><td>
<table> <table>
<tr><td>{{ i18n "protocol" }}</td><td><a-tag color="purple">[[ dbInbound.protocol ]]</a-tag></td></tr> <tr><td>{{ i18n "protocol" }}</td><td><a-tag color="purple">[[ dbInbound.protocol ]]</a-tag></td></tr>
<tr><td>{{ i18n "pages.inbounds.address" }}</td><td><a-tag>[[ dbInbound.address ]]</a-tag></td></tr> <tr><td>{{ i18n "pages.inbounds.address" }}</td><td><a-tag class="tag-of-wrap">[[ dbInbound.address ]]</a-tag></td></tr>
<tr><td>{{ i18n "pages.inbounds.port" }}</td><td><a-tag>[[ dbInbound.port ]]</a-tag></td></tr> <tr><td>{{ i18n "pages.inbounds.port" }}</td><td><a-tag>[[ dbInbound.port ]]</a-tag></td></tr>
</table> </table>
</td> </td>
@ -24,28 +24,28 @@
<tr> <tr>
<td>{{ i18n "host" }}</td> <td>{{ i18n "host" }}</td>
<td v-if="inbound.host"><a-tag>[[ inbound.host ]]</a-tag></td> <td v-if="inbound.host"><a-tag>[[ inbound.host ]]</a-tag></td>
<td v-else><a-tag color="orange">{{ i18n "none" }}</a-tag></td></tr> <td v-else><a-tag class="tag-of-wrap" color="orange">{{ i18n "none" }}</a-tag></td></tr>
</tr> </tr>
<tr> <tr>
<td>{{ i18n "path" }}</td> <td>{{ i18n "path" }}</td>
<td v-if="inbound.path"><a-tag>[[ inbound.path ]]</a-tag></td> <td v-if="inbound.path"><a-tag class="tag-of-wrap">[[ inbound.path ]]</a-tag></td>
<td v-else><a-tag color="orange">{{ i18n "none" }}</a-tag></td> <td v-else><a-tag color="orange">{{ i18n "none" }}</a-tag></td>
</tr> </tr>
</template> </template>
<template v-if="inbound.isQuic"> <template v-if="inbound.isQuic">
<tr><td>quic {{ i18n "encryption" }}</td><td><a-tag>[[ inbound.quicSecurity ]]</a-tag></td></tr> <tr><td>quic {{ i18n "encryption" }}</td><td><a-tag class="tag-of-wrap">[[ inbound.quicSecurity ]]</a-tag></td></tr>
<tr><td>quic {{ i18n "password" }}</td><td><a-tag>[[ inbound.quicKey ]]</a-tag></td></tr> <tr><td>quic {{ i18n "password" }}</td><td><a-tag class="tag-of-wrap">[[ inbound.quicKey ]]</a-tag></td></tr>
<tr><td>quic {{ i18n "camouflage" }}</td><td><a-tag>[[ inbound.quicType ]]</a-tag></td></tr> <tr><td>quic {{ i18n "camouflage" }}</td><td><a-tag class="tag-of-wrap">[[ inbound.quicType ]]</a-tag></td></tr>
</template> </template>
<template v-if="inbound.isKcp"> <template v-if="inbound.isKcp">
<tr><td>kcp {{ i18n "encryption" }}</td><td><a-tag>[[ inbound.kcpType ]]</a-tag></td></tr> <tr><td>kcp {{ i18n "encryption" }}</td><td><a-tag class="tag-of-wrap">[[ inbound.kcpType ]]</a-tag></td></tr>
<tr><td>kcp {{ i18n "password" }}</td><td><a-tag>[[ inbound.kcpSeed ]]</a-tag></td></tr> <tr><td>kcp {{ i18n "password" }}</td><td><a-tag class="tag-of-wrap">[[ inbound.kcpSeed ]]</a-tag></td></tr>
</template> </template>
<template v-if="inbound.isGrpc"> <template v-if="inbound.isGrpc">
<tr><td>grpc serviceName</td><td><a-tag>[[ inbound.serviceName ]]</a-tag></td></tr> <tr><td>grpc serviceName</td><td><a-tag class="tag-of-wrap">[[ inbound.serviceName ]]</a-tag></td></tr>
<tr><td>grpc multiMode</td><td><a-tag>[[ inbound.stream.grpc.multiMode ]]</a-tag></td></tr> <tr><td>grpc multiMode</td><td><a-tag>[[ inbound.stream.grpc.multiMode ]]</a-tag></td></tr>
</template> </template>
</table> </table>
@ -68,7 +68,7 @@
<td><a-tag color="green">[[ inbound.settings.method ]]</a-tag></td> <td><a-tag color="green">[[ inbound.settings.method ]]</a-tag></td>
</tr><tr v-if="inbound.isSS2022"> </tr><tr v-if="inbound.isSS2022">
<td>{{ i18n "password" }}</td> <td>{{ i18n "password" }}</td>
<td><a-tag>[[ inbound.settings.password ]]</a-tag></td> <td><a-tag class="tag-of-wrap-l">[[ inbound.settings.password ]]</a-tag></td>
</tr><tr> </tr><tr>
<td>{{ i18n "pages.inbounds.network" }}</td> <td>{{ i18n "pages.inbounds.network" }}</td>
<td><a-tag color="green">[[ inbound.settings.network ]]</a-tag></td> <td><a-tag color="green">[[ inbound.settings.network ]]</a-tag></td>
@ -83,7 +83,7 @@
</tr> </tr>
<tr v-if="infoModal.clientSettings.id"> <tr v-if="infoModal.clientSettings.id">
<td>ID</td> <td>ID</td>
<td><a-tag>[[ infoModal.clientSettings.id ]]</a-tag></td> <td><a-tag class="tag-of-wrap-l">[[ infoModal.clientSettings.id ]]</a-tag></td>
</tr> </tr>
<tr v-if="infoModal.inbound.canEnableTlsFlow()"> <tr v-if="infoModal.inbound.canEnableTlsFlow()">
<td>Flow</td> <td>Flow</td>
@ -91,7 +91,7 @@
</tr> </tr>
<tr v-if="infoModal.clientSettings.password"> <tr v-if="infoModal.clientSettings.password">
<td>Password</td> <td>Password</td>
<td><a-tag>[[ infoModal.clientSettings.password ]]</a-tag></td> <td><a-tag class="tag-of-wrap-l">[[ infoModal.clientSettings.password ]]</a-tag></td>
</tr> </tr>
<tr> <tr>
<td>{{ i18n "status" }}</td> <td>{{ i18n "status" }}</td>
@ -324,4 +324,4 @@
}); });
</script> </script>
{{end}} {{end}}