mirror of
https://github.com/Wei-Shaw/sub2api.git
synced 2026-11-01 00:27:30 +00:00
fix(mobile): 修复全站排查发现的移动端布局问题
全站排查各页面移动端表现,修复以下确认会溢出/挤压的布局: - 分组用户倍率/RPM 上限弹窗:7 列宽表滚动容器补横向滚动(min-w-max) - 设置页联盟自定义用户表:容器 overflow-hidden 改为 overflow-x-auto - 模型/分组/端点分布、消费排行、用户仪表盘 5 处甜甜圈图例表: 移动端纵向堆叠(flex-col sm:flex-row),图例表全宽并支持横向滚动 - 安装向导:步骤指示器移动端只显示序号圆点(hidden sm:inline)避免 硬溢出,表单两列栅格移动端折叠为单列 - 设置页:支付商品名三列、Beta 策略与帮助图片两列输入行移动端折叠 - 分组创建/编辑弹窗:三个 time 输入的三列行移动端折叠(时间控件有 固有宽度,窄屏弹窗内会硬溢出) - 密钥页分组选择浮层:min-w-[380px] 改为视口限宽 + JS 夹取 left, 对齐 AccountGroupsCell 的定位收敛做法 桌面端布局均保持不变。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -102,8 +102,8 @@
|
||||
|
||||
<div v-else>
|
||||
<div class="overflow-hidden rounded-lg border border-gray-200 dark:border-dark-600">
|
||||
<div class="max-h-[420px] overflow-y-auto">
|
||||
<table class="w-full text-sm">
|
||||
<div class="max-h-[420px] overflow-auto">
|
||||
<table class="w-full min-w-max text-sm">
|
||||
<thead class="sticky top-0 z-[1]">
|
||||
<tr class="border-b border-gray-200 bg-gray-50 dark:border-dark-600 dark:bg-dark-700">
|
||||
<th class="px-3 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400">{{ t('admin.groups.columns.userEmail') }}</th>
|
||||
|
||||
@@ -126,8 +126,8 @@
|
||||
<div v-else>
|
||||
<!-- 表格 -->
|
||||
<div class="overflow-hidden rounded-lg border border-gray-200 dark:border-dark-600">
|
||||
<div class="max-h-[420px] overflow-y-auto">
|
||||
<table class="w-full text-sm">
|
||||
<div class="max-h-[420px] overflow-auto">
|
||||
<table class="w-full min-w-max text-sm">
|
||||
<thead class="sticky top-0 z-[1]">
|
||||
<tr class="border-b border-gray-200 bg-gray-50 dark:border-dark-600 dark:bg-dark-700">
|
||||
<th class="px-3 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400">{{ t('admin.groups.columns.userEmail') }}</th>
|
||||
|
||||
Reference in New Issue
Block a user