Responsive editor

beta
anulax1225 ago%!(EXTRA string=2 days)
parent 41dccd395a
commit 9338826e7f
  1. 2
      resources/js/Components/Editor/Tabs/TextTab.vue
  2. 9
      resources/js/Layouts/Layout.vue
  3. 2
      resources/js/Pages/Info.vue

@ -147,7 +147,7 @@ const setAlign = (alignment) => {
retirer tout format retirer tout format
</button> </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 <button
@click="setAlign('left')" @click="setAlign('left')"

@ -104,9 +104,6 @@ const toggleMenu = () => {
<NavLink v-if="!user" :href="'#'" :active="false"> <NavLink v-if="!user" :href="'#'" :active="false">
News letter News letter
</NavLink> --> </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.*')"> <ResponsiveNavLink v-if="user" :href="route('photo.index')" :active="route().current('photo.*')">
Photothèque Photothèque
</ResponsiveNavLink> </ResponsiveNavLink>
@ -116,6 +113,12 @@ const toggleMenu = () => {
<ResponsiveNavLink v-if="user" :href="route('admin.user.index')" :active="route().current('admin.*')"> <ResponsiveNavLink v-if="user" :href="route('admin.user.index')" :active="route().current('admin.*')">
Admin Admin
</ResponsiveNavLink> </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>
<div v-if="user" class="z-10 flex flex-col border-b border-gray-200"> <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"> <span class="w-full flex rounded-md hover:cursor-pointer focus:cursor-pointer">

@ -20,7 +20,7 @@ onMounted(() => {
<Head title="Home"/> <Head title="Home"/>
<Layout :footer="false"> <Layout :footer="false">
<template #content> <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"> <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"> <img :src="editable ? '/icons/cancel.svg' : '/icons/modify.svg'" class="h-7">
<p class="ml-2 text-gray-700">{{ editable ? "Prévisualiser" : "Editer" }}</p> <p class="ml-2 text-gray-700">{{ editable ? "Prévisualiser" : "Editer" }}</p>

Loading…
Cancel
Save