From 7121f86a9cdc223b0c7eccae39d9f9c8f924f011 Mon Sep 17 00:00:00 2001
From: Hide_D <hided62@gmail.com>
Date: Sun, 5 Mar 2023 02:00:00 +0900
Subject: [PATCH] =?UTF-8?q?misc:=20PageFront=20=EB=8F=99=ED=96=A5=20css(wi?=
 =?UTF-8?q?p)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hwe/ts/PageFront.vue | 61 ++++++++++++++++++++++++++++----------------
 1 file changed, 39 insertions(+), 22 deletions(-)

diff --git a/hwe/ts/PageFront.vue b/hwe/ts/PageFront.vue
index 259ee453..7de52731 100644
--- a/hwe/ts/PageFront.vue
+++ b/hwe/ts/PageFront.vue
@@ -182,28 +182,38 @@
               </div>
             </div>
           </div>
-          <div class="PublicRecord">
-            <div class="title">장수 동향</div>
-            <template v-for="[idx, rawText] of globalRecords.toArray()" :key="idx">
-              <!-- eslint-disable-next-line vue/no-v-html -->
-              <div :v-data-idx="idx" v-html="formatLog(rawText)" />
-            </template>
+          <div class="RecordZone row gx-0">
+            <div class="PublicRecord col col-12 col-md-6">
+              <div class="bg1 center s-border-tb title">장수 동향</div>
+              <template v-for="[idx, rawText] of globalRecords.toArray()" :key="idx">
+                <!-- eslint-disable-next-line vue/no-v-html -->
+                <div :v-data-idx="idx" v-html="formatLog(rawText)" />
+              </template>
+            </div>
+            <div class="GeneralLog col col-12 col-md-6">
+              <div class="bg1 center s-border-tb title">개인 기록</div>
+              <template v-for="[idx, rawText] of generalRecords.toArray()" :key="idx">
+                <!-- eslint-disable-next-line vue/no-v-html -->
+                <div :v-data-idx="idx" v-html="formatLog(rawText)" />
+              </template>
+            </div>
+            <div class="WorldHistory col col-12">
+              <div class="bg1 center s-border-tb title">중원 정세</div>
+              <template v-for="[idx, rawText] of worldHistory.toArray()" :key="idx">
+                <!-- eslint-disable-next-line vue/no-v-html -->
+                <div :v-data-idx="idx" v-html="formatLog(rawText)" />
+              </template>
+            </div>
           </div>
-          <div class="GeneralLog">
-            <div class="title">개인 기록</div>
-            <template v-for="[idx, rawText] of generalRecords.toArray()" :key="idx">
-              <!-- eslint-disable-next-line vue/no-v-html -->
-              <div :v-data-idx="idx" v-html="formatLog(rawText)" />
-            </template>
+
+          <div class="commonToolbar">
+            <GlobalMenu
+              v-if="globalMenu && globalInfo"
+              :globalInfo="globalInfo"
+              :modelValue="globalMenu"
+              variant="sammo-base2"
+            />
           </div>
-          <div class="WorldHistory">
-            <div class="title">중원 정세</div>
-            <template v-for="[idx, rawText] of worldHistory.toArray()" :key="idx">
-              <!-- eslint-disable-next-line vue/no-v-html -->
-              <div :v-data-idx="idx" v-html="formatLog(rawText)" />
-            </template>
-          </div>
-          <div class="commonToolbar">툴바?</div>
           <MessagePanel
             v-if="generalInfo"
             :generalID="generalInfo.no"
@@ -472,7 +482,7 @@ const frontInfo = ref<GetFrontInfoResponse>();
 const globalInfo = ref<GetFrontInfoResponse["global"]>({} as GetFrontInfoResponse["global"]);
 const generalInfo = ref<GetFrontInfoResponse["general"]>();
 const nationStaticInfo = ref<NationStaticItem>();
-const nationInfo = ref<GetFrontInfoResponse['nation']>();
+const nationInfo = ref<GetFrontInfoResponse["nation"]>();
 const generalCnt = ref(new Map<number, number>());
 const createdUserCnt = ref(0);
 const createdNPCCnt = ref(0);
@@ -590,6 +600,11 @@ watch(refreshCounter, async () => {
 <style lang="scss" scoped>
 @import "@scss/common/break_500px.scss";
 
+:deep(.hidden_but_copyable) {
+  color: rgba(0, 0, 0, 0);
+  font-size: 0;
+}
+
 #mobileBottomBar {
   display: none;
 }
@@ -618,7 +633,9 @@ watch(refreshCounter, async () => {
   }
 }
 
-.subVoteState, .subAuctionState, .subTournamentState {
+.subVoteState,
+.subAuctionState,
+.subTournamentState {
   a {
     text-decoration: gray underline;
   }