align items

2024-12-06 21:59:39 +02:00
parent 021869800f
commit a0aae19fb0
1 changed files with 5 additions and 10 deletions
@@ -10,16 +10,11 @@

    <QueryRender :query="query">
      <template #default="{ data }">
-        <div v-if="data.rows.length > 0">
-          <div class="flex flex-col gap-5 my-5">
-            <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
-              <QRCodeCard
-                v-for="{ doc: qrCode } in data.rows"
-                :key="qrCode!.uri"
-                :qrCode="qrCode!"
-              />
-            </div>
-          </div>
+        <div
+          class="flex-1 grid grid-cols-2 sm:grid-cols-3 gap-5 my-5 place-content-center sm:place-content-start justify-items-center"
+          v-if="data.rows.length > 0"
+        >
+          <QRCodeCard v-for="{ doc: qrCode } in data.rows" :key="qrCode!.uri" :qrCode="qrCode!" />
        </div>

        <div