From d9934d5a6a21cb008dd7d5d2d371ee2906d8773f Mon Sep 17 00:00:00 2001
From: Ariver <shanghai3168@gmail.com>
Date: Sat, 06 Jun 2026 23:20:33 +0800
Subject: [PATCH] Move views screen shortcut next to Colored containers item
---
docs/index-en.html | 12 +++++++-----
docs/styles.css | 14 ++++++++++++--
docs/index.html | 12 +++++++-----
3 files changed, 26 insertions(+), 12 deletions(-)
diff --git a/docs/index-en.html b/docs/index-en.html
index 4005f02..e85bcaa 100644
--- a/docs/index-en.html
+++ b/docs/index-en.html
@@ -74,14 +74,16 @@
<ul class="views__modes">
<li>Flat</li>
<li>Plain containers</li>
- <li>Colored containers</li>
+ <li class="views__modes-row">
+ <span class="views__modes-row__label">Colored containers</span>
+ <div class="views__shortcut">
+ <span class="views__shortcut-label">Quick launch</span>
+ <span class="views__shortcut-keys"><kbd>Option</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></span>
+ </div>
+ </li>
<li>Plain grid</li>
<li>Colored grid</li>
</ul>
- <div class="views__shortcut">
- <span class="views__shortcut-label">Quick launch</span>
- <span class="views__shortcut-keys"><kbd>Option</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></span>
- </div>
</div>
</div>
</section>
diff --git a/docs/index.html b/docs/index.html
index 567ddb2..8d268e2 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -74,14 +74,16 @@
<ul class="views__modes">
<li>平铺</li>
<li>无色容器</li>
- <li>彩色容器</li>
+ <li class="views__modes-row">
+ <span class="views__modes-row__label">彩色容器</span>
+ <div class="views__shortcut">
+ <span class="views__shortcut-label">快捷唤起</span>
+ <span class="views__shortcut-keys"><kbd>Option</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></span>
+ </div>
+ </li>
<li>无色网格</li>
<li>彩色网格</li>
</ul>
- <div class="views__shortcut">
- <span class="views__shortcut-label">快捷唤起</span>
- <span class="views__shortcut-keys"><kbd>Option</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></span>
- </div>
</div>
</div>
</section>
diff --git a/docs/styles.css b/docs/styles.css
index d76a0bc..18719d0 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -300,12 +300,22 @@
background: var(--accent);
}
+.views__modes-row {
+ display: flex;
+ align-items: center;
+ gap: 14px 20px;
+ flex-wrap: wrap;
+}
+
+.views__modes-row__label {
+ flex-shrink: 0;
+}
+
.views__shortcut {
- margin-top: 32px;
display: inline-flex;
flex-direction: column;
gap: 6px;
- padding: 14px 20px;
+ padding: 12px 18px;
border-radius: 14px;
background: #f5f5f7;
border: 1px solid var(--border);
--
Gitblit v1.9.3