🎨 スタイルの調整

traPtitech · May 24, 2024 · 22f3d06 · 22f3d06
1 parent 7ce391a
commit 22f3d06
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 16 deletions.
diff --git a/index.html b/index.html
@@ -14,7 +14,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap"
       rel="stylesheet" />
   </head>
   <body>

diff --git a/src/components/newRequest/NewRequestFileForm.vue b/src/components/newRequest/NewRequestFileForm.vue
@@ -44,8 +44,8 @@ function removeFile(index: number) {
 </script>
 
 <template>
-  <div class="flex flex-col gap-3">
-    <label class="text-xl" for="image">画像</label>
+  <div class="flex flex-col gap-2">
+    <label class="text-sm font-medium" for="image">画像</label>
     <input
       id="image"
       ref="inputRef"
@@ -54,7 +54,9 @@ function removeFile(index: number) {
       @change="handleFileChange" />
   </div>
   <div>
-    <div v-if="files.length === 0">画像プレビュー</div>
+    <div v-if="files.length === 0" class="text-sm font-medium">
+      画像プレビュー
+    </div>
     <div v-if="files.length !== 0" class="flex flex-wrap">
       <div
         v-for="(file, index) in files"

diff --git a/src/components/newRequest/NewRequestTag.vue b/src/components/newRequest/NewRequestTag.vue
@@ -10,8 +10,8 @@ const emit = defineEmits<{ (e: 'input', value: Tag[]): void }>()
 </script>
 
 <template>
-  <div class="flex flex-col gap-3">
-    <label class="text-xl" for="tag">タグ</label>
+  <div class="flex flex-col gap-2">
+    <label class="text-sm font-medium" for="tag">タグ</label>
     <InputSelectTagWithCreation
       id="tag"
       class="w-full"

diff --git a/src/components/newRequest/NewRequestTargets.vue b/src/components/newRequest/NewRequestTargets.vue
@@ -55,8 +55,8 @@ function handleRemoveTarget(index: number) {
 </script>
 
 <template>
-  <div class="flex flex-col gap-3">
-    <label class="text-xl" for="target">払い戻し対象者</label>
+  <div class="flex flex-col gap-2">
+    <label class="text-sm font-medium" for="target">払い戻し対象者</label>
     <ul class="flex flex-col gap-2">
       <li
         v-for="(target, i) in targets"

diff --git a/src/pages/NewRequestPage.vue b/src/pages/NewRequestPage.vue
@@ -45,20 +45,20 @@ if (!isUserFetched.value) {
       <h1 class="text-2xl">申請の新規作成</h1>
     </div>
     <form class="flex flex-col gap-6">
-      <div class="flex flex-col gap-3">
-        <label class="text-xl">申請者</label>
+      <div class="flex flex-col gap-2">
+        <label class="text-sm font-medium">申請者</label>
         <span>{{ me?.name }}</span>
       </div>
-      <div class="flex flex-col gap-3">
-        <label class="text-xl" for="title">タイトル</label>
+      <div class="flex flex-col gap-2">
+        <label class="text-sm font-medium" for="title">タイトル</label>
         <InputText
           id="title"
           v-model="request.title"
           auto-focus
           placeholder="タイトルを入力" />
       </div>
-      <div class="flex flex-col gap-3">
-        <label class="text-xl" for="details">詳細</label>
+      <div class="flex flex-col gap-2">
+        <label class="text-sm font-medium" for="details">詳細</label>
         <MarkdownTextarea
           id="details"
           v-model="request.content"
@@ -68,8 +68,8 @@ if (!isUserFetched.value) {
       <NewRequestTargets
         :targets="request.targets"
         @input="request.targets = $event" />
-      <div class="flex flex-col gap-3">
-        <label class="text-xl" for="group">グループ</label>
+      <div class="flex flex-col gap-2">
+        <label class="text-sm font-medium" for="group">グループ</label>
         <InputSelectSingle
           id="group"
           v-model="request.group"