feat: PageFront의 모바일 모드 순서를 기존 구성과 동일하게 변경

hwe/ts/PageFront.vue

@@ -243,7 +243,7 @@ const lastVoteState = (() => {
   const value = parseInt(localStorage.getItem(key) ?? "0");
   const obj = ref<number>(value);
   watch(obj, (newValue, oldValue) => {
-    if(newValue == oldValue){
+    if (newValue == oldValue) {
       return;
     }
     localStorage.setItem(key, newValue.toString());
@@ -420,14 +420,16 @@ watch(refreshCounter, async () => {
     const lastVoteID = response.global.lastVoteID;
     if (lastVoteID > lastVoteState.value) {
       lastVoteState.value = lastVoteID;
-      toasts.warning({
-        title: "설문조사 안내",
-        body: `새로운 설문조사가 있습니다.`,
-      }, {
-        delay: 1000 * 60,
-      });
+      toasts.warning(
+        {
+          title: "설문조사 안내",
+          body: `새로운 설문조사가 있습니다.`,
+        },
+        {
+          delay: 1000 * 60,
+        }
+      );
     }
-
   } catch (e) {
     generalInfoLock = false;
     console.error(e);
@@ -536,6 +538,26 @@ watch(refreshCounter, async () => {
     grid-template-columns: 1fr;
   }
 
+  .reservedCommandZone{
+    grid-row: 1;
+  }
+
+  .generalCommandToolbar {
+    grid-row: 2;
+  }
+
+  .nationInfo {
+    grid-row: 3;
+  }
+
+  .generalInfo {
+    grid-row: 4;
+  }
+
+  .cityInfo{
+    grid-row: 5;
+  }
+
   #actionMiniPlate {
     display: none;
   }