From 9b62d099d32d2709bd10f300b364df72ee998aa1 Mon Sep 17 00:00:00 2001 From: Nadim Salloum Date: Mon, 14 Jun 2021 19:11:49 +0300 Subject: [PATCH] hover state fixes --- public/js/app.js | 42 ++++++++++++++---------- resources/js/Components/BreadCrumb.vue | 2 +- resources/js/Components/CarCard.vue | 2 +- resources/js/Components/ContactCard.vue | 6 ++-- resources/js/Components/ContractCard.vue | 2 +- resources/js/Components/Sidebar.vue | 6 ++-- resources/js/Jetstream/NavLink.vue | 4 +-- resources/js/Pages/Reports/Index.vue | 4 +-- 8 files changed, 38 insertions(+), 30 deletions(-) diff --git a/public/js/app.js b/public/js/app.js index 0acbf3f..fb3eb17 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -19264,7 +19264,7 @@ __webpack_require__.r(__webpack_exports__); props: ['href', 'active'], computed: { classes: function classes() { - return this.active ? 'w-full flex items-center text-blue-600 h-10 pl-4 bg-gray-200 hover:bg-gray-200 rounded-lg cursor-pointer' : 'w-full flex items-center text-gray-800 h-10 pl-4 hover:bg-gray-200 rounded-lg cursor-pointer'; + return this.active ? 'w-full flex items-center text-blue-600 h-10 pl-4 bg-gray-200 hover:bg-gray-200 rounded-lg cursor-pointer transition' : 'w-full flex items-center text-gray-800 h-10 pl-4 hover:bg-gray-200 rounded-lg cursor-pointer transition'; } } }); @@ -22372,7 +22372,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_inertia_link, { href: $props.href, - "class": "text-indigo-400 hover:text-indigo-600" + "class": "text-indigo-400 hover:text-indigo-600 transition" }, { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)((0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.text) + " / ", 1 @@ -22744,7 +22744,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { /* TEXT */ )])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.car.link ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_20, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, { href: $props.car.link, - "class": "pt-1 pb-1 flex items-center" + "class": "pt-1 pb-1 flex items-center hover:text-indigo-600" }, { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { @@ -22834,7 +22834,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { /* TEXT */ )) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.contact.email ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_6, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("a", { href: 'mailto:' + $props.contact.email, - "class": "pt-1 pb-1 flex items-center" + "class": "pt-1 pb-1 flex items-center hover:text-indigo-600" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { "class": "mr-1", height: "22", @@ -22846,7 +22846,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { /* PROPS */ , ["href"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.contact.phone ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_7, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("a", { href: 'phone:' + $props.contact.phone, - "class": "pt-1 pb-1 flex items-center" + "class": "pt-1 pb-1 flex items-center hover:text-indigo-600" }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { "class": "mr-1", height: "22", @@ -22860,7 +22860,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { /* TEXT */ )])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), $props.contact.link ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_10, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, { href: $props.contact.link, - "class": "pt-1 pb-1 flex items-center" + "class": "pt-1 pb-1 flex items-center hover:text-indigo-600" }, { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { @@ -23013,7 +23013,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { /* TEXT */ )]), $props.contract.link ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_19, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, { href: $props.contract.link, - "class": "pt-1 pb-1 flex items-center" + "class": "pt-1 pb-1 flex items-center hover:text-indigo-600" }, { "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_unicon, { @@ -23767,13 +23767,7 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js"); -var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { - "class": "w-full h-20 border-b flex px-4 items-center mb-8" -}, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("p", { - "class": "font-semibold text-2xl text-blue-400 pl-4" -}, "Your SwissCar")], -1 -/* HOISTED */ -); +var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Your SwissCar "); var _hoisted_2 = { "class": "mb-4 px-4" @@ -23820,6 +23814,8 @@ var _hoisted_15 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNo var _hoisted_16 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Verkäufer "); function render(_ctx, _cache, $props, $setup, $data, $options) { + var _component_inertia_link = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("inertia-link"); + var _component_unicon = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("unicon"); var _component_jet_nav_link = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("jet-nav-link"); @@ -23827,7 +23823,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) { return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(" give the sidebar z-50 class so its higher than the navbar if you want to see the logo "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(" you will need to add a little \"X\" button next to the logo in order to close it though "), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", { "class": ["w-1/2 md:w-1/3 lg:w-64 fixed md:top-0 md:left-0 h-screen lg:block bg-white border-r z-30", _ctx.sideBarOpen ? '' : 'hidden'], id: "main-nav" - }, [_hoisted_1, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_jet_nav_link, { + }, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_inertia_link, { + href: _ctx.route('dashboard'), + "class": "w-full h-20 border-b bg-white flex justify-center items-center mb-8 text-indigo-400 font-semibold text-2xl hover:text-indigo-600 transition" + }, { + "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () { + return [_hoisted_1]; + }), + _: 1 + /* STABLE */ + + }, 8 + /* PROPS */ + , ["href"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_jet_nav_link, { href: _ctx.route('dashboard'), active: _ctx.route().current('dashboard') }, { @@ -31231,13 +31239,13 @@ var _hoisted_1 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(" ); var _hoisted_2 = { - "class": "max-w-4xl mx-auto" + "class": "max-w-2xl mx-auto" }; var _hoisted_3 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(" Neuen Bericht erstellen "); var _hoisted_4 = { - "class": "col-span-6 sm:col-span-4" + "class": "col-span-6 sm:col-span-3" }; function render(_ctx, _cache, $props, $setup, $data, $options) { var _this = this; diff --git a/resources/js/Components/BreadCrumb.vue b/resources/js/Components/BreadCrumb.vue index 4dcae2c..3b96d25 100644 --- a/resources/js/Components/BreadCrumb.vue +++ b/resources/js/Components/BreadCrumb.vue @@ -1,5 +1,5 @@ diff --git a/resources/js/Components/CarCard.vue b/resources/js/Components/CarCard.vue index d9522cb..056e60a 100644 --- a/resources/js/Components/CarCard.vue +++ b/resources/js/Components/CarCard.vue @@ -50,7 +50,7 @@ {{ car.notes }}
- + Zum Auto diff --git a/resources/js/Components/ContactCard.vue b/resources/js/Components/ContactCard.vue index d2a5395..b01db5b 100644 --- a/resources/js/Components/ContactCard.vue +++ b/resources/js/Components/ContactCard.vue @@ -13,13 +13,13 @@ {{ contact.zip + ' ' + contact.city + ' ' + contact.country }}
- + {{ contact.email }}
- + {{ contact.phone }} @@ -29,7 +29,7 @@ {{ contact.notes }}
- + Zum Kontakt diff --git a/resources/js/Components/ContractCard.vue b/resources/js/Components/ContractCard.vue index 1f3a1cf..e27e269 100644 --- a/resources/js/Components/ContractCard.vue +++ b/resources/js/Components/ContractCard.vue @@ -44,7 +44,7 @@
- + Zum Vertrag diff --git a/resources/js/Components/Sidebar.vue b/resources/js/Components/Sidebar.vue index 600874a..de2bf7a 100644 --- a/resources/js/Components/Sidebar.vue +++ b/resources/js/Components/Sidebar.vue @@ -3,9 +3,9 @@