From 5b7b3a67be32a493725a7021c9bea0c9cd61d6db Mon Sep 17 00:00:00 2001
From: buzz-lightsnack-2007
 <73412182+buzz-lightsnack-2007@users.noreply.github.com>
Date: Wed, 13 Nov 2024 20:49:45 +0800
Subject: [PATCH] fix clips appearance

---
 src/pages/popup/hello.htm  | 8 ++++----
 src/scripts/pages/hello.js | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/popup/hello.htm b/src/pages/popup/hello.htm
index c9b6fc6..7fd3b4f 100644
--- a/src/pages/popup/hello.htm
+++ b/src/pages/popup/hello.htm
@@ -39,7 +39,7 @@
 								<p for="settings_analysis_description"></p>
 								<p for="OOBE_quickstart_API_intro"></p>
 								<section>
-									<section class="card">
+									<section class="card horizontal">
 										<figure class="card-image">
 											<img src="/media/screenshots/API Step 1.png">
 											<a class="btn-floating halfway-fab" href="https://console.cloud.google.com/projectcreate" target="_blank" data-icon="open-in-new"></a>
@@ -48,7 +48,7 @@
 											<p for="OOBE_quickstart_API_Step1"></p>
 										</figcaption>
 									</section>
-									<section class="card">
+									<section class="card horizontal">
 										<figure class="card-image">
 											<img src="/media/screenshots/API Step 2.png">
 											<a class="btn-floating halfway-fab" href="https://aistudio.google.com/app/apikey" target="_blank" data-icon="open-in-new"></a>
@@ -57,7 +57,7 @@
 											<p for="OOBE_quickstart_API_Step2"></p>
 										</figcaption>
 									</section>
-									<section class="card">
+									<section class="card horizontal">
 										<figure class="card-image">
 											<img src="/media/screenshots/API Step 3.png">
 										</figure>
@@ -65,7 +65,7 @@
 											<p for="OOBE_quickstart_API_Step3"></p>
 										</figcaption>
 									</section>
-									<section class="card">
+									<section class="card horizontal">
 										<figure class="card-image">
 											<img src="/media/screenshots/API Step 4.png">
 										</figure>
diff --git a/src/scripts/pages/hello.js b/src/scripts/pages/hello.js
index 82f0895..75c4a09 100644
--- a/src/scripts/pages/hello.js
+++ b/src/scripts/pages/hello.js
@@ -7,7 +7,6 @@
 import {global} from "/scripts/secretariat.js";
 import Page from "/scripts/pages/page.js";
 import texts from "/scripts/mapping/read.js";
-import nested from "/scripts/utils/nested.js";
 
 class Page_MiniConfig extends Page {
 	constructor () {
@@ -97,6 +96,7 @@ class Page_MiniConfig extends Page {
 					const set_classes = () => {
 						Object.keys(ELEMENTS[STEP_NUMBER][`container`]).forEach((PART) => {
 							ELEMENTS[STEP_NUMBER][`container`][PART].classList.add(`card`.concat(([`container`].includes(PART)) ? `` : `-`.concat(PART)));
+							[`container`].includes(PART) ? ELEMENTS[STEP_NUMBER][`container`][PART].classList.add(`horizontal`) : null;
 						});
 					}