optimized layout

Uyanide · Aug 17, 2024 · c8c40c6 · c8c40c6
1 parent eb9e3ca
commit c8c40c6
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 17 deletions.
diff --git a/docs/index.html b/docs/index.html
diff --git a/docs/main.207c27f57488eb096537.js → docs/main.a54ebe31eac331e2f448.js b/docs/main.207c27f57488eb096537.js → docs/main.a54ebe31eac331e2f448.js
diff --git a/.../main.207c27f57488eb096537.js.LICENSE.txt → .../main.a54ebe31eac331e2f448.js.LICENSE.txt b/.../main.207c27f57488eb096537.js.LICENSE.txt → .../main.a54ebe31eac331e2f448.js.LICENSE.txt
diff --git a/src/css/classes.css b/src/css/classes.css
@@ -141,7 +141,7 @@
     text-decoration: none;
 }
 
-.borferNone {
+.borderNone {
     border: none;
 }
 

diff --git a/src/index.html b/src/index.html
@@ -93,13 +93,11 @@ <h2 class="fontLarge">显形图片列表</h2>
 
     <div class="PageContainer displayFlex flexColumn justifyCenter alignCenter refWidthHigh paddingHigh marginTopHigh">
 
-        <div class="TitleContainer displayFlex flexRow justifyCenter alignCenter refWidthFull gapLow">
-            <button
-                class="PageSwitchButton paddingHigh refWidthFull borderNone borderRadiusOnlyTop fontMedium transformSecondary borderSolidNone frontColor"
-                id="decodeButton"><b>显形</b></button>
-            <button
-                class="PageSwitchButton paddingHigh refWidthFull borderNone borderRadiusOnlyTop fontMedium transformSecondary borderSolidNone frontColor"
-                id="encodeButton"><b>制作</b></button>
+        <div class="TitleContainer displayFlex justifySpaceBetween alignCenter flexRow gapLow refWidthFull">
+            <div class="PageSwitchButton paddingHigh refWidthFull borderRadiusOnlyTop fontMedium transformSecondary frontColor borderNone textAlignCenter"
+                id="decodeButton"><b>显形</b></div>
+            <div class="PageSwitchButton paddingHigh refWidthFull borderRadiusOnlyTop fontMedium transformSecondary frontColor borderNone textAlignCenter"
+                id="encodeButton"><b>制作</b></div>
         </div>
 
         <div class="DisplayArea backgroundSecondary frontColor borderRadiusOnlyBottom displayNone justifyCenter alignCenter flexColumn refWidthFull positionRelative"
@@ -305,9 +303,9 @@ <h2 class="fontLarge">显形图片列表</h2>
         <a class="frontLinkColor marginTopMedium fontSmall transformSize"
             href="https://github.com/Uyanide/Mirage_Decode?tab=readme-ov-file#qa" target="_blank">常见问题Q&A</a>
 
-        <div id="privacyButton" class="marginTopLow">
-            <button id="togglePrivacyPolicy"
-                class="frontLinkColor backgroundPrimary borderSolidNone fontSmall transformSize">显示使用须知</button>
+        <div id="togglePrivacyPolicy"
+            class="marginTopMedium frontLinkColor backgroundPrimary borderNone fontSmall transformSize borderSolidNone">
+            显示使用须知
         </div>
 
         <div id="privacyPolicy"
@@ -318,9 +316,9 @@ <h2 class="fontLarge">显形图片列表</h2>
                     Analytics的隐私政策</a>。</p>
         </div>
 
-        <div id="versionRecordButton" class="marginTopLow">
-            <button id="toggleVersionRecord"
-                class="frontLinkColor backgroundPrimary fontSmall transformSize borderSolidNone">显示主要更新记录</button>
+        <div id="toggleVersionRecord"
+            class="marginTopMedium frontLinkColor backgroundPrimary borderNone fontSmall transformSize borderSolidNone">
+            显示主要更新记录
         </div>
 
         <div id="versionRecord" class="marginTopMedium marginBottomMedium widthLimit">