レイアウトを微調整

CoreNion · Jan 5, 2024 · cb75c72 · cb75c72
1 parent 0082e0d
commit cb75c72
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -23,7 +23,7 @@
       "request": "launch",
       "name": "fullstack: nuxt",
       "outputCapture": "std",
-      "command": "yarn dev",
+      "command": "yarn dev --host",
       "serverReadyAction":{
         "pattern": "➜ Local:    (.*)",
         "uriFormat": "%s",

diff --git a/app.vue b/app.vue
@@ -133,15 +133,15 @@ onMounted(async () => {
   <NuxtLayout>
     <!-- 大画面デバイスの表示 -->
     <div v-if="widthState >= 1536" class="min-h-screen flex flex-row text-center gap-2">
-      <div class="basis-[30.0%] flex flex-row justify-between">
+      <div class="basis-[20.0%] flex flex-row justify-between">
         <status></status>
       </div>
 
       <div class="grow">
         <clock></clock>
       </div>
 
-      <div class="basis-[25.0%] flex flex-col items-center gap-4">
+      <div class="basis-[20.0%] flex flex-col items-end m-3 gap-4">
         <report></report>
         <div class="grow m-2 flex flex-col justify-end gap-2">
           <TimerSetting></TimerSetting>

diff --git a/components/report.vue b/components/report.vue
@@ -36,7 +36,7 @@ function refleshReportStatus(djs: dayjs.Dayjs = dayjs()) {
     needCountdownAlert.value = needAlert(nextReportDeadline, djs);
     countdownRatio.value = calcRatio(nextReportDeadline, djs);
   } else {
-    countdownName.value = '最終登校日まで';
+    countdownName.value = '最終登校まで';
     const eventDay = dayjs("2024-03-15");
     
     countdownLimit.value = calcLimit(eventDay, djs);