fix css

apps/frontend/src/views/CreateView.vue

@@ -69,6 +69,7 @@ const {
 } = useMutation({
   mutationKey: ['createQrCode'],
   mutationFn: async () => {
+    throw new Error('wtf')
     const qrCodeDocument = await createQrCodeDocument({
       name: name.value,
       placement: placement.value!,

apps/frontend/src/views/manage/ManageChatsView.vue

@@ -15,11 +15,8 @@
           class="flex flex-col gap-5 my-4 grid grid-cols-1 sm:grid-cols-3 gap-4"
         />
 
-        <div
-          v-else
-          class="flex-1 flex flex-col items-center place-self-center text-center text-gray-500"
-        >
-          <h1 class="text-2xl font-bold mb-4 text-center sm:text-left">Страница в разработке</h1>
+        <div v-else class="place-self-center">
+          <h1 class="text-2xl font-bold mb-4 text-gray-500">Страница в разработке</h1>
         </div>
       </template>
 

apps/frontend/src/views/manage/ManageQRCodeView.vue

@@ -9,7 +9,7 @@
             content="Просматривайте и управляйте сообщениями, отправленными через ваш QR-код. Полная конфиденциальность и удобный интерфейс чата"
           />
         </MetaHead>
-        <div class="bg-white p-6 rounded-lg shadow-md my-5">
+        <div class="">
           <div class="flex items-center justify-between mb-4">
             <div class="flex items-center">
               <QRCodePlacementIcon :placement="qrCodeDoc.placement" />

apps/frontend/src/views/manage/ManageQRCodesView.vue

@@ -11,7 +11,7 @@
     <QueryRender :query="query">
       <template #default="{ data }">
         <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"
+          class="flex-1 grid grid-cols-2 sm:grid-cols-3 gap-5 place-self-center sm:place-self-start"
           v-if="data.rows.length > 0"
         >
           <QRCodeCard v-for="{ doc: qrCode } in data.rows" :key="qrCode!.uri" :qrCode="qrCode!" />