Responsive editor

ago%!(EXTRA string=2 days) · 9338826e7f
parent 41dccd395a
commit 9338826e7f
3 changed files with 8 additions and 5 deletions
--- a/resources/js/Components/Editor/Tabs/TextTab.vue
+++ b/resources/js/Components/Editor/Tabs/TextTab.vue
@ -147,7 +147,7 @@ const setAlign = (alignment) => {
    retirer tout format
  </button>

-  <div class="border-l border-gray-300 h-full mx-4"></div>
+  <div class="border-l border-gray-300 h-6 mx-4"></div>

  <button 
        @click="setAlign('left')" 
--- a/resources/js/Layouts/Layout.vue
+++ b/resources/js/Layouts/Layout.vue
@ -104,9 +104,6 @@ const toggleMenu = () => {
            <NavLink v-if="!user" :href="'#'" :active="false">
                News letter
            </NavLink> -->
-            <ResponsiveNavLink v-if="!user" :href="route('login')" :active="route().current('login')">
-                Log in
-            </ResponsiveNavLink>
            <ResponsiveNavLink v-if="user" :href="route('photo.index')" :active="route().current('photo.*')">
                Photothèque
            </ResponsiveNavLink>
@ -116,6 +113,12 @@ const toggleMenu = () => {
            <ResponsiveNavLink v-if="user" :href="route('admin.user.index')" :active="route().current('admin.*')">
                Admin
            </ResponsiveNavLink>
+            <ResponsiveNavLink :href="'/editeur'" :active="route().current('info')">
+                Demo editeur
+            </ResponsiveNavLink>
+            <ResponsiveNavLink v-if="!user" :href="route('login')" :active="route().current('login')">
+                Log in
+            </ResponsiveNavLink>
        </div>
        <div v-if="user" class="z-10 flex flex-col border-b border-gray-200">
            <span class="w-full flex rounded-md hover:cursor-pointer focus:cursor-pointer">
--- a/resources/js/Pages/Info.vue
+++ b/resources/js/Pages/Info.vue
@ -20,7 +20,7 @@ onMounted(() => {
    <Head title="Home"/>
    <Layout :footer="false">
        <template #content>
-            <div class="relative w-full h-screen px-[13.5%]">
+            <div class="relative w-full h-screen laptop:px-[13.5%]">
                <button @click="edit" class="flex items-center bg-white absolute top-0 left-0 m-4 p-1 rounded shadow">
                    <img :src="editable ? '/icons/cancel.svg' : '/icons/modify.svg'" class="h-7">
                    <p class="ml-2 text-gray-700">{{ editable ? "Prévisualiser" : "Editer" }}</p>