💄 fix: アイコンサイズを修正、paddingをレスポンシブに

traPtitech · Sep 27, 2024 · fc1c413 · fc1c413
1 parent bb1b295
commit fc1c413
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/requests/RequestItem.vue b/src/components/requests/RequestItem.vue
@@ -43,7 +43,7 @@ const totalAmount = computed(
       <div class="flex flex-col gap-2">
         <div class="flex items-center justify-end gap-x-4 flex-wrap">
           <div class="flex items-center gap-1">
-            <UserIcon class="h-7" :name="userMap[request.createdBy]" />
+            <UserIcon class="max-w-7" :name="userMap[request.createdBy]" />
             <span>{{ userMap[request.createdBy] }}</span>
           </div>
           <span v-if="request.group"> {{ request.group.name }} </span>

diff --git a/src/pages/RequestsPage.vue b/src/pages/RequestsPage.vue
@@ -59,7 +59,7 @@ watch(
 </script>
 
 <template>
-  <div class="max-w-260 mx-auto p-8 flex flex-col gap-7">
+  <div class="max-w-260 mx-auto p-4 sm:p-8 flex flex-col gap-7">
     <div class="min-w-160 flex flex-col">
       <div class="relative flex w-full items-center justify-start gap-7">
         <h1 class="text-center text-3xl">申請一覧</h1>