From a8f1000fc8f38dede5d1d1f3381ffede10b85328 Mon Sep 17 00:00:00 2001
From: Erik Masny <erik.masny@gmail.com>
Date: Mon, 20 Mar 2023 15:12:02 +0100
Subject: [PATCH] wip

---
 resources/js/components/AdminCard.vue          | 3 +--
 resources/js/components/admin/GlobalSearch.vue | 2 +-
 resources/js/components/admin/PageHeader.vue   | 2 +-
 resources/js/components/admin/TheSidebar.vue   | 2 +-
 resources/js/views/admin/assignments/Edit.vue  | 8 ++++----
 resources/js/views/layouts/Admin.vue           | 4 ++--
 6 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/resources/js/components/AdminCard.vue b/resources/js/components/AdminCard.vue
index cd31d3e..929852f 100644
--- a/resources/js/components/AdminCard.vue
+++ b/resources/js/components/AdminCard.vue
@@ -1,7 +1,6 @@
 <template>
     <div
-        :class="class" 
-        class="block p-6 bg-white border border-gray-200 rounded-lg shadow-sm-light dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700">
+        class="block p-4 lg:p-6 bg-white border border-gray-200 rounded-lg shadow-sm-light dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700">
         <slot></slot>
     </div>
 </template>
diff --git a/resources/js/components/admin/GlobalSearch.vue b/resources/js/components/admin/GlobalSearch.vue
index 22fd5b3..8fdccd4 100644
--- a/resources/js/components/admin/GlobalSearch.vue
+++ b/resources/js/components/admin/GlobalSearch.vue
@@ -49,7 +49,7 @@ watch(searchKey, debounce(async (e) => {
 </script>
 
 <template>
-    <div class="relative">
+    <div class="hidden relative lg:block">
         <div class="relative">
             <AppInput v-model="searchKey" type="text" placeholder="Hľadať..." class="w-[400px] outline-none focus:ring-0 focus:shadown-none" />
             <span v-if="searchKey" @click="clearSearch" class="cursor-pointer absolute top-1/2 -translate-y-1/2 right-2.5 z-10">&times;</span>
diff --git a/resources/js/components/admin/PageHeader.vue b/resources/js/components/admin/PageHeader.vue
index bed00a7..bf058b2 100644
--- a/resources/js/components/admin/PageHeader.vue
+++ b/resources/js/components/admin/PageHeader.vue
@@ -5,7 +5,7 @@ defineProps({
 </script>
 
 <template>
-    <div class="flex justify-between items-center mb-5">
+    <div class="lg:flex justify-between items-center mb-5">
         <h1 class="font-semibold text-2xl">{{ title }}</h1>
 
         <div class="flex items-center gap-x-5">
diff --git a/resources/js/components/admin/TheSidebar.vue b/resources/js/components/admin/TheSidebar.vue
index 119242b..ca90cd7 100644
--- a/resources/js/components/admin/TheSidebar.vue
+++ b/resources/js/components/admin/TheSidebar.vue
@@ -8,7 +8,7 @@ const authStore = useAuthStore()
 </script>
 
 <template>
-    <aside class="fixed z-10 top-16 left-0 w-64 h-[calc(100%-2.5rem)]" aria-label="Sidenav">
+    <aside class="fixed z-10 top-16 -translate-x-full left-0 w-64 h-[calc(100%-2.5rem)]" aria-label="Sidenav">
         <div
             class="overflow-y-auto py-5 px-3 h-full bg-white border-r border-gray-200 dark:bg-gray-800 dark:border-gray-700">
             <ul class="space-y-2">
diff --git a/resources/js/views/admin/assignments/Edit.vue b/resources/js/views/admin/assignments/Edit.vue
index 96846fa..303cae1 100644
--- a/resources/js/views/admin/assignments/Edit.vue
+++ b/resources/js/views/admin/assignments/Edit.vue
@@ -8,19 +8,19 @@
                 type="outline"
             >Zobraziť</AppButton>
 
-            <AppButton :to="{name: 'admin.assignment-tests.index', id: assignment.id}" size="small" type="outline">
+            <AppButton :to="{name: 'admin.assignment-tests.index', id: assignment.id}" size="small" type="outline" class="hidden">
                 Testy
             </AppButton>
 
             <AppButton @click="submitForm" size="small" button>Aktualizovať</AppButton>
         </PageHeader>
 
-        <div class="grid grid-cols-12 gap-8 items-start">
-            <div class="col-span-9">
+        <div class="grid lg:grid-cols-12 gap-8 items-start">
+            <div class="lg:col-span-9">
                 <AssignmentForm @processed="updateAssignment" :errors="errors" />
             </div>
     
-            <div class="col-span-3">
+            <div class="lg:col-span-3">
                 <AdminCard class="mb-5">
                     <h3 class="mb-4 font-semibold">Publikovanie</h3>
     
diff --git a/resources/js/views/layouts/Admin.vue b/resources/js/views/layouts/Admin.vue
index 5ca9f64..2ef8ac2 100644
--- a/resources/js/views/layouts/Admin.vue
+++ b/resources/js/views/layouts/Admin.vue
@@ -4,8 +4,8 @@
 
         <TheSidebar />
 
-        <div class="relative pl-64 pt-16 min-h-[calc(100vh)] bg-[#FAFAFA]">
-            <div class="p-10">
+        <div class="relative lg:pl-64 pt-16 min-h-[calc(100vh)] bg-[#FAFAFA]">
+            <div class="p-4 lg:p-10">
                 <slot></slot>
             </div>
         </div>