💄 feat: 横方向のpadding, gapをレスポンシブに

traPtitech · Sep 28, 2024 · 002fec0 · 002fec0
1 parent fc1c413
commit 002fec0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/requests/RequestItem.vue b/src/components/requests/RequestItem.vue
@@ -29,7 +29,7 @@ const totalAmount = computed(
 </script>
 
 <template>
-  <RouterLink class="flex px-6 py-4 gap-5" :to="'/requests/' + request.id">
+  <RouterLink class="flex px-3 sm:px-6 py-4 gap-2 sm:gap-5" :to="'/requests/' + request.id">
     <div class="flex items-start justify-center">
       <StatusChip :status="request.status" />
     </div>

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