mirror of
https://github.com/caiwx86/small-packages.git
synced 2026-11-04 02:33:56 +08:00
update 2026-07-18 01:06:39
This commit is contained in:
1 parent
b66d07e284
commit
42c751aed4
7 files changed
+160
-33
No files matched your search
@@ -1,31 +1,59 @@
|
||||
<style type="text/css">
|
||||
.ssr-advanced-switch-inline {
|
||||
display: flex;
|
||||
gap: 2%;
|
||||
align-items: flex-start;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
.ssr-advanced-switch-inline {
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
align-items: center !important;
|
||||
gap: 1rem !important;
|
||||
width: 50% !important;
|
||||
box-sizing: border-box !important;
|
||||
flex-wrap: nowrap !important;
|
||||
}
|
||||
|
||||
.ssr-advanced-switch-item {
|
||||
width: 30%;
|
||||
min-width: 0;
|
||||
}
|
||||
.ssr-advanced-switch-item {
|
||||
flex: 1 !important;
|
||||
min-width: 0 !important;
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
}
|
||||
|
||||
.ssr-advanced-switch-item input {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ssr-advanced-switch-subtitle {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
margin-bottom: 4px;
|
||||
line-height: 1.2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ssr-advanced-switch-subtitle {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
margin-bottom: 4px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.ssr-advanced-switch-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.ssr-advanced-switch-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
.ssr-advanced-switch-item input[type="text"] {
|
||||
width: 100% !important;
|
||||
min-width: 0 !important;
|
||||
max-width: 100% !important;
|
||||
height: 2.1rem !important;
|
||||
padding: 0 0.35rem !important;
|
||||
box-sizing: border-box !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.ssr-advanced-switch-inline {
|
||||
width: 100% !important;
|
||||
gap: 0.7rem !important;
|
||||
flex-wrap: wrap !important;
|
||||
}
|
||||
|
||||
.ssr-advanced-switch-item {
|
||||
flex: 1 1 calc(33.33% - 0.5rem) !important;
|
||||
min-width: 80px !important;
|
||||
}
|
||||
|
||||
.ssr-advanced-switch-item input[type="text"] {
|
||||
height: 2.4rem !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
@@ -157,10 +157,55 @@
|
||||
font-size: 0.96rem !important;
|
||||
}
|
||||
|
||||
.ssr-schedule-inline {
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
align-items: center !important;
|
||||
gap: 1rem !important;
|
||||
width: 49% !important;
|
||||
box-sizing: border-box !important;
|
||||
flex-wrap: nowrap !important;
|
||||
}
|
||||
|
||||
.ssr-schedule-item {
|
||||
flex: 1 !important;
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
min-width: 0 !important;
|
||||
}
|
||||
|
||||
.ssr-schedule-subtitle {
|
||||
text-align: center !important;
|
||||
margin-bottom: 0.35rem !important;
|
||||
line-height: 1.2 !important;
|
||||
}
|
||||
|
||||
select[name^="cbid.shadowsocksr."][name*="_time"] {
|
||||
width: 100% !important;
|
||||
min-width: 0 !important;
|
||||
max-width: 100% !important;
|
||||
height: 2.1rem !important;
|
||||
padding: 0 0.35rem !important;
|
||||
box-sizing: border-box !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#cbi-shadowsocksr-server_subscribe_item > .table {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
display: block !important;
|
||||
overflow-x: auto !important;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.ssr-schedule-inline {
|
||||
width: 100% !important;
|
||||
gap: 1rem !important;
|
||||
flex-wrap: wrap !important;
|
||||
}
|
||||
|
||||
.ssr-schedule-item select {
|
||||
width: 100% !important;
|
||||
min-width: 0 !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -531,27 +531,62 @@ end
|
||||
#cbi-shadowsocksr-server_subscribe_item .cbi-section-table td.cbi-section-actions {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
min-width: 0 !important;
|
||||
display: block !important;
|
||||
box-sizing: border-box !important;
|
||||
}
|
||||
|
||||
/* 重置操作列内可能存在的 div 包装层,强行让其拉满 100% */
|
||||
#cbi-shadowsocksr-server_subscribe_item .td.cbi-section-actions > div {
|
||||
display: flex !important;
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
box-sizing: border-box !important;
|
||||
}
|
||||
|
||||
/* 按钮区域 */
|
||||
#cbi-shadowsocksr-server_subscribe_item .ssr-subscribe-actions {
|
||||
display: flex !important;
|
||||
gap: 8px;
|
||||
width: 100%;
|
||||
gap: 8px !important;
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
box-sizing: border-box !important;
|
||||
}
|
||||
|
||||
/* 保存、删除、更新 三个按钮均分 */
|
||||
#cbi-shadowsocksr-server_subscribe_item .ssr-subscribe-actions .btn {
|
||||
flex: 1;
|
||||
#cbi-shadowsocksr-server_subscribe_item .ssr-subscribe-actions .btn,
|
||||
#cbi-shadowsocksr-server_subscribe_item .td.cbi-section-actions .btn {
|
||||
flex: 1 1 0% !important;
|
||||
width: 100% !important;
|
||||
margin: 0 !important;
|
||||
white-space: nowrap;
|
||||
white-space: nowrap !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
/* 修复手机端卡片化布局中 placeholder 行的显示问题 */
|
||||
#cbi-shadowsocksr-server_subscribe_item .placeholder td {
|
||||
display: table-cell !important;
|
||||
}
|
||||
|
||||
#ssr-subscribe-modal {
|
||||
top: 8px;
|
||||
left: 8px;
|
||||
width: calc(100vw - 16px);
|
||||
max-height: calc(100vh - 24px);
|
||||
min-height: min(420px, calc(100vh - 24px));
|
||||
padding: 10px 12px 12px;
|
||||
transform: none;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
#ssr-subscribe-modal-header {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
#ssr-subscribe-log {
|
||||
max-height: calc(100vh - 260px);
|
||||
min-height: 280px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in new issue
Block a user