STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

fix toolbar on mobile

Browse Source
This commit is contained in:
James Collins
2023-07-12 13:43:24 +10:00
parent 719aac6727
commit 9fc5d81877
6 changed files with 34 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
resources/js/views/dashboard/AnalyticsList.vue
View File

@@ -6,11 +6,12 @@
:back-link="{ name: 'dashboard' }" :back-link="{ name: 'dashboard' }"
back-title="Return to Dashboard" /> back-title="Return to Dashboard" />
<div class="max-w-7xl mx-auto mt-8 px-4"> <div class="max-w-7xl mx-auto mt-8 px-4">
<div class="flex items-center flex-justify-between mb-8"> <div
class="flex flex-col md:flex-row gap-4 items-center flex-justify-between mb-4">
<SMInput <SMInput
v-model="itemSearch" v-model="itemSearch"
label="Search" label="Search"
class="max-w-xl ml-4" class="max-w-xl"
@keyup.enter="handleSearch"> @keyup.enter="handleSearch">
<template #append> <template #append>
<button <button
@@ -186,7 +187,7 @@ const handleView = (item: Session) => {
params: { id: item.id }, params: { id: item.id },
query: { query: {
return: encodeURIComponent( return: encodeURIComponent(
window.location.pathname + window.location.search window.location.pathname + window.location.search,
), ),
}, },
}); });

9
resources/js/views/dashboard/ArticleList.vue
View File

@@ -6,17 +6,18 @@
:back-link="{ name: 'dashboard' }" :back-link="{ name: 'dashboard' }"
back-title="Return to Dashboard" /> back-title="Return to Dashboard" />
<div class="max-w-7xl mx-auto mt-8 px-4"> <div class="max-w-7xl mx-auto mt-8 px-4">
<div class="flex items-center flex-justify-between mb-8"> <div
class="flex flex-col md:flex-row gap-4 items-center flex-justify-between mb-4">
<router-link <router-link
role="button" role="button"
:to="{ name: 'dashboard-article-create' }" :to="{ name: 'dashboard-article-create' }"
class="font-medium px-6 py-3.1 rounded-md hover:shadow-md transition bg-sky-600 hover:bg-sky-500 text-white cursor-pointer" class="font-medium w-full md:w-auto text-center px-6 py-3.1 rounded-md hover:shadow-md transition bg-sky-600 hover:bg-sky-500 text-white cursor-pointer"
>Create Article</router-link >Create Article</router-link
> >
<SMInput <SMInput
v-model="itemSearch" v-model="itemSearch"
label="Search" label="Search"
class="max-w-xl ml-4" class="max-w-xl"
@keyup.enter="handleSearch"> @keyup.enter="handleSearch">
<template #append> <template #append>
<button <button
@@ -234,7 +235,7 @@ const handleEdit = (item: Article) => {
params: { id: item.id }, params: { id: item.id },
query: { query: {
return: encodeURIComponent( return: encodeURIComponent(
window.location.pathname + window.location.search window.location.pathname + window.location.search,
), ),
}, },
}); });

11
resources/js/views/dashboard/EventList.vue
View File

@@ -6,17 +6,18 @@
:back-link="{ name: 'dashboard' }" :back-link="{ name: 'dashboard' }"
back-title="Return to Dashboard" /> back-title="Return to Dashboard" />
<div class="max-w-7xl mx-auto mt-8 p-4"> <div class="max-w-7xl mx-auto mt-8 p-4">
<div class="flex items-center flex-justify-between mb-8"> <div
class="flex flex-col md:flex-row gap-4 items-center flex-justify-between mb-4">
<router-link <router-link
role="button" role="button"
:to="{ name: 'dashboard-event-create' }" :to="{ name: 'dashboard-event-create' }"
class="font-medium px-6 py-3.1 rounded-md hover:shadow-md transition bg-sky-600 hover:bg-sky-500 text-white cursor-pointer" class="font-medium w-full md:w-auto text-center px-6 py-3.1 rounded-md hover:shadow-md transition bg-sky-600 hover:bg-sky-500 text-white cursor-pointer"
>Create Event</router-link >Create Event</router-link
> >
<SMInput <SMInput
v-model="itemSearch" v-model="itemSearch"
label="Search" label="Search"
class="max-w-xl ml-4" class="max-w-xl"
@keyup.enter="handleSearch"> @keyup.enter="handleSearch">
<template #append> <template #append>
<button <button
@@ -274,7 +275,7 @@ const handleView = (item: Event): void => {
// router.push({ name: "event", params: { id: item.id } }); // router.push({ name: "event", params: { id: item.id } });
window.open( window.open(
router.resolve({ name: "event", params: { id: item.id } }).href, router.resolve({ name: "event", params: { id: item.id } }).href,
"_blank" "_blank",
); );
}; };
@@ -315,7 +316,7 @@ const handleEdit = (item: Event) => {
params: { id: item.id }, params: { id: item.id },
query: { query: {
return: encodeURIComponent( return: encodeURIComponent(
window.location.pathname + window.location.search window.location.pathname + window.location.search,
), ),
}, },
}); });

17
resources/js/views/dashboard/MediaList.vue
View File

@@ -6,17 +6,18 @@
:back-link="{ name: 'dashboard' }" :back-link="{ name: 'dashboard' }"
back-title="Return to Dashboard" /> back-title="Return to Dashboard" />
<div class="max-w-7xl mx-auto mt-8 px-8"> <div class="max-w-7xl mx-auto mt-8 px-8">
<div class="flex items-center flex-justify-between mb-8"> <div
class="flex flex-col md:flex-row gap-4 items-center flex-justify-between mb-4">
<router-link <router-link
role="button" role="button"
:to="{ name: 'dashboard-media-create' }" :to="{ name: 'dashboard-media-create' }"
class="font-medium px-6 py-3.1 rounded-md hover:shadow-md transition bg-sky-600 hover:bg-sky-500 text-white cursor-pointer" class="font-medium w-full md:w-auto text-center px-6 py-3.1 rounded-md hover:shadow-md transition bg-sky-600 hover:bg-sky-500 text-white cursor-pointer"
>Upload Media</router-link >Upload Media</router-link
> >
<SMInput <SMInput
v-model="itemSearch" v-model="itemSearch"
label="Search" label="Search"
class="max-w-xl ml-4" class="max-w-xl"
@keyup.enter="handleSearch"> @keyup.enter="handleSearch">
<template #append> <template #append>
<button <button
@@ -245,7 +246,7 @@ const handleLoad = async () => {
if ( if (
Object.prototype.hasOwnProperty.call( Object.prototype.hasOwnProperty.call(
itemsSelected.value, itemsSelected.value,
row.id row.id,
) == false ) == false
) { ) {
itemsSelected.value[row.id] = false; itemsSelected.value[row.id] = false;
@@ -287,7 +288,7 @@ const handleEdit = (item: Media) => {
params: { id: item.id }, params: { id: item.id },
query: { query: {
return: encodeURIComponent( return: encodeURIComponent(
window.location.pathname + window.location.search window.location.pathname + window.location.search,
), ),
}, },
}); });
@@ -360,7 +361,7 @@ const handleDeleteSelected = async () => {
let successCount = 0; let successCount = 0;
const deleteItems = Object.entries(itemsSelected.value).filter( const deleteItems = Object.entries(itemsSelected.value).filter(
([key, value]) => value === true ([key, value]) => value === true,
); );
await Promise.all( await Promise.all(
@@ -380,7 +381,7 @@ const handleDeleteSelected = async () => {
} catch (error) { } catch (error) {
errorCount++; errorCount++;
} }
}) }),
); );
if (errorCount === 0) { if (errorCount === 0) {
@@ -421,7 +422,7 @@ const handleEditSelected = async () => {
params: { id: editItems }, params: { id: editItems },
query: { query: {
return: encodeURIComponent( return: encodeURIComponent(
window.location.pathname + window.location.search window.location.pathname + window.location.search,
), ),
}, },
}); });

9
resources/js/views/dashboard/ShortlinkList.vue
View File

@@ -6,17 +6,18 @@
:back-link="{ name: 'dashboard' }" :back-link="{ name: 'dashboard' }"
back-title="Return to Dashboard" /> back-title="Return to Dashboard" />
<div class="max-w-7xl mx-auto mt-8"> <div class="max-w-7xl mx-auto mt-8">
<div class="flex items-center flex-justify-between mb-8"> <div
class="flex flex-col md:flex-row gap-4 items-center flex-justify-between mb-4">
<router-link <router-link
role="button" role="button"
:to="{ name: 'dashboard-shortlink-create' }" :to="{ name: 'dashboard-shortlink-create' }"
class="font-medium px-6 py-3.1 rounded-md hover:shadow-md transition bg-sky-600 hover:bg-sky-500 text-white cursor-pointer" class="font-medium w-full md:w-auto text-center px-6 py-3.1 rounded-md hover:shadow-md transition bg-sky-600 hover:bg-sky-500 text-white cursor-pointer"
>Create Link</router-link >Create Link</router-link
> >
<SMInput <SMInput
v-model="itemSearch" v-model="itemSearch"
label="Search" label="Search"
class="max-w-xl ml-4" class="max-w-xl"
@keyup.enter="handleSearch"> @keyup.enter="handleSearch">
<template #append> <template #append>
<button <button
@@ -222,7 +223,7 @@ const handleEdit = (shortlink: Shortlink) => {
params: { id: shortlink.id }, params: { id: shortlink.id },
query: { query: {
return: encodeURIComponent( return: encodeURIComponent(
window.location.pathname + window.location.search window.location.pathname + window.location.search,
), ),
}, },
}); });

9
resources/js/views/dashboard/UserList.vue
View File

@@ -6,17 +6,18 @@
:back-link="{ name: 'dashboard' }" :back-link="{ name: 'dashboard' }"
back-title="Return to Dashboard" /> back-title="Return to Dashboard" />
<div class="max-w-7xl mx-auto mt-8 px-4"> <div class="max-w-7xl mx-auto mt-8 px-4">
<div class="flex items-center flex-justify-between mb-8"> <div
class="flex flex-col md:flex-row gap-4 items-center flex-justify-between mb-4">
<router-link <router-link
role="button" role="button"
:to="{ name: 'dashboard-user-create' }" :to="{ name: 'dashboard-user-create' }"
class="font-medium px-6 py-3.1 rounded-md hover:shadow-md transition bg-sky-600 hover:bg-sky-500 text-white cursor-pointer" class="font-medium w-full md:w-auto text-center px-6 py-3.1 rounded-md hover:shadow-md transition bg-sky-600 hover:bg-sky-500 text-white cursor-pointer"
>Create User</router-link >Create User</router-link
> >
<SMInput <SMInput
v-model="itemSearch" v-model="itemSearch"
label="Search" label="Search"
class="max-w-xl ml-4" class="max-w-xl"
@keyup.enter="handleSearch"> @keyup.enter="handleSearch">
<template #append> <template #append>
<button <button
@@ -202,7 +203,7 @@ const handleEdit = (user: User) => {
params: { id: user.id }, params: { id: user.id },
query: { query: {
return: encodeURIComponent( return: encodeURIComponent(
window.location.pathname + window.location.search window.location.pathname + window.location.search,
), ),
}, },
}); });