移动端输入框优化

This commit is contained in:
user123456
2025-06-12 16:02:22 +08:00
parent f6f28f5f8e
commit 35916cfdc0
2 changed files with 26 additions and 5 deletions

View File

@@ -542,6 +542,27 @@
.modal-content {
padding: 1.5rem;
}
/* 移动端快速生成加速链接区域优化 */
.input-container {
flex-direction: column;
gap: 1rem;
}
.input {
font-size: 16px; /* 防止iOS缩放 */
}
.button {
width: 100%;
justify-content: center;
padding: 0.875rem 1.5rem;
}
.output-actions {
flex-direction: column;
gap: 0.75rem;
}
}
.mobile-menu-toggle {
@@ -596,7 +617,7 @@
⚡ 快速生成加速链接
</h2>
<p class="card-description">
输入GitHub文件或仓库链接自动生成加速下载链接
输入GitHub文件或仓库链接自动转换加速链接可以直接在Github域名前面加上本站域名使用。
</p>
</div>
@@ -639,7 +660,7 @@
🐳 Docker 镜像加速
</h3>
<p class="card-description">
支持多种Registry在镜像名前添加本站域名即可加速下载
支持多种Registry在镜像名前添加本站域名即可加速下载
</p>
</div>
@@ -656,7 +677,7 @@
<button class="close-button" id="closeModal">&times;</button>
<div class="modal-header">
<h2 class="modal-title">Docker 镜像加速</h2>
<p>支持多种Registry在镜像名前添加本站域名即可</p>
<p>支持多种Registry在镜像名前添加本站域名即可加速下载。</p>
</div>
<div class="domain-examples">

View File

@@ -527,12 +527,12 @@
<h1>Docker离线镜像包下载</h1>
<div class="form-group">
<div class="info-text">每行输入一个镜像跟docker pull的格式一样多个镜像会自动打包到一起为zip包单个镜像为tar包。导入镜像后需要手动为镜像添加名称和标签例如docker tag 1856948a5aa7 镜像名称:标签</div>
<div class="info-text">每行输入一个镜像跟docker pull的格式一样多个镜像会自动打包到一起为zip包单个镜像为tar包。导入镜像后需要手动为镜像添加名称和标签例如docker tag 1856948a5aa7 stilleshan/frpc</div>
<textarea class="form-control" id="imageInput" placeholder="例如:&#10;nginx&#10;stilleshan/frpc&#10;stilleshan/frpc:0.62.1"></textarea>
</div>
<div class="form-group">
<div class="info-text">镜像架构,默认 amd64</div>
<div class="info-text">镜像架构,默认 amd64</div>
<input type="text" class="form-control" id="platformInput" placeholder="输入架构例如amd64, arm64等" value="amd64">
</div>