Skip to content

Commit

Permalink
some adjustments
Browse files Browse the repository at this point in the history
  • Loading branch information
@SethSharp
SethSharp committed Nov 25, 2023
1 parent da3e11f commit f21339b
Show file tree
Hide file tree
Showing 8 changed files with 21 additions and 33 deletions.
2 changes: 1 addition & 1 deletion resources/js/Components/Card/PricingTable.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ defineProps({
<h3 class="ml-8 text-md text-gray-400">
Prices do change often so make sure to call to double check!
</h3>
<div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
<div class="inline-block min-w-full py-2 align-middle px-8 lg:px-12">
<table class="min-w-full divide-y divide-gray-300">
<thead>
<tr>
Expand Down
16 changes: 4 additions & 12 deletions resources/js/Components/Section.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,25 +9,17 @@ defineProps({

<template>
<div class="sm:w-3/4 mx-auto mb-6">
<div class="text-xl sm:text-3xl py-5 text-gray-700">
<Link
v-if="back"
:href="back"
class="bg-gray-200 mb-10 rounded-xl w-fit px-2 py-2 text-xl flex hover:bg-gray-300"
>
<ChevronLeftIcon class="w-7 h-7" />
<span class="pr-4"> Back </span>
</Link>
<div class="text-xl sm:text-3xl text-gray-700">
<slot name="header" />
<div v-if="$slots.subtitle" class="text-gray-400 text-lg mt-2">
<slot name="subtitle" />
</div>
</div>
<div class="text-md sm:text-lg leading-relaxed text-gray-500 my-3">
<div class="my-6 text-gray-500 text-2xl font-medium mb-3">
<div class="text-md sm:text-lg leading-relaxed text-gray-500">
<div class="text-gray-500 text-lg font-medium">
<slot name="title" />
</div>
<div>
<div class="mt-2">
<slot name="content" />
</div>
</div>
Expand Down
10 changes: 6 additions & 4 deletions resources/js/Layouts/Footer.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,9 @@ const navigation = {
pages: [
{ name: 'Home', href: route('home') },
{ name: 'About', href: route('about') },
{ name: 'Custom Framing', href: route('services.framing') },
// { name: 'FAQ', href: route('faq') },
{ name: 'Printing', href: route('services.printing') },
{ name: 'Art Studio', href: route('studio') },
{ name: 'Contact', href: route('contact') },
],
Expand Down Expand Up @@ -84,7 +86,7 @@ const social = [
<template>
<footer class="bg-primary-700">
<div class="lg:flex w-full">
<div class="sm:w-2/5 lg:my-auto ml-16">
<div class="sm:w-2/5 lg:my-auto mx-6">
<div class="pt-8 lg:pt-0">
<Link :href="route('home')">
<ApplicationLogo class="w-3/4" />
Expand All @@ -100,7 +102,7 @@ const social = [
:key="item.name"
:href="item.href"
:aria-label="item.name"
class="text-gray-500 hover:text-gray-400"
class="text-gray-500 hover:text-gray-400 cursor-pointer"
>
<span class="sr-only">{{ item.name }}</span>
<component :is="item.icon" />
Expand All @@ -117,7 +119,7 @@ const social = [
<Link
:href="item.href"
:aria-label="item.name"
class="text-md leading-6 text-gray-300 hover:text-white"
class="text-md leading-6 text-gray-300 hover:text-white cursor-pointer"
>
{{ item.name }}
</Link>
Expand Down Expand Up @@ -172,7 +174,7 @@ const social = [
<div class="grid sm:grid-cols-2 border-t border-white/10 flex p-12">
<div class="flex justify-start items-center">
<p class="text-xs leading-5 text-gray-200">
&copy; 2023 FramedJustForYou. All rights reserved.
&copy; 2023 Framed Just For You. All rights reserved.
</p>
</div>
<div></div>
Expand Down
8 changes: 1 addition & 7 deletions resources/js/Layouts/PrimaryLayout.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -131,12 +131,6 @@ const printing = [
link: '#printing-on-canvases',
active: 'services.printing',
},
{
name: "Giclee's",
href: route('services.printing') + '#giclee',
link: '#giclee',
active: 'services.printing',
},
]
const other = [
Expand Down Expand Up @@ -329,7 +323,7 @@ const other = [
<div class="relative top-0">
<slot name="carousel" />
</div>
<div class="min-h-screen mx-4 mt-10">
<div class="min-h-screen mx-8 mt-10">
<slot />
</div>
</main>
Expand Down
2 changes: 1 addition & 1 deletion resources/js/Pages/Services/Framing/HandCrafted.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ import Image from '@/Components/Image.vue'
our handcrafted art collection is a testament to the beauty of
traditional craftsmanship.
</div>
<div class="sm:w-1/2 sm:w-full">
<div class="sm:w-1/2 sm:w-full mt-4 sm:mt-0">
<Image src="handcrafted/pressed.png" class="w-3/4 mx-auto" />
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions resources/js/Pages/Services/Framing/Jigsaw.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ import Image from '@/Components/Image.vue'
aspect of our work, and this dedication extends to our meticulous process
for framing jigsaw puzzles.
</div>
<div class="sm:w-1/2 sm:w-full">
<div class="sm:w-1/2 sm:w-full mt-4 sm:mt-0">
<Image src="jigsaw/giraffe.png" class="w-1/2 mx-auto" />
</div>
</div>
Expand Down Expand Up @@ -60,7 +60,7 @@ import Image from '@/Components/Image.vue'
</p>
</div>
<div class="sm:w-1/2 sm:w-full my-auto">
<Image src="jigsaw/frame.png" class="w-1/2 mx-auto" />
<Image src="jigsaw/frame.png" class="sm:w-3/4 mx-auto" />
</div>
</div>
<div class="sm:flex my-4">
Expand All @@ -86,7 +86,7 @@ import Image from '@/Components/Image.vue'
</div>
<div class="sm:flex my-4">
<div class="sm:w-1/2 sm:w-full my-auto">
<Image src="jigsaw/final-product.png" class="w-1/2 mx-auto" />
<Image src="jigsaw/final-product.png" class="sm:w-3/4 mx-auto" />
</div>
<div class="sm:w-1/2 sm:w-full p-6">
<h1 class="text-xl font-bold">Final Product</h1>
Expand Down
8 changes: 4 additions & 4 deletions resources/js/Pages/Services/Framing/Memorabilia.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ import { SplideSlide } from '@splidejs/vue-splide'
<Image
src="memorabilia/suns-jerseys.png"
alt="Suns Jerseys"
class="w-4/5 mx-auto"
class="sm:w-4/5 mx-auto"
/>
<div class="mt-4">
We understand the unique value of your memorabilia, and that's why we take great
Expand All @@ -39,7 +39,7 @@ import { SplideSlide } from '@splidejs/vue-splide'
extensive experience framing various celebrity-related treasures, including
autographed garments, costumes, and rare signed correspondence.
</p>
<div class="w-3/4 mx-auto my-2">
<div class="sm:w-3/4 mx-auto my-2">
<Image src="memorabilia/memorabilia-3.png" alt="Memorabilia 3" />
</div>
</template>
Expand All @@ -60,7 +60,7 @@ import { SplideSlide } from '@splidejs/vue-splide'
represent, making it a compelling and coveted category within the world of
memorabilia.
</p>
<div class="w-3/4 mx-auto my-2 grid grid-cols-2 gap-x-2">
<div class="w-3/4 mx-auto my-2 grid sm:grid-cols-2 gap-x-2 gap-y-2">
<Image src="restorations/gymnastics.png" class="my-auto" />
<Image src="restorations/asw-athlete.png" class="my-auto" />
</div>
Expand All @@ -80,7 +80,7 @@ import { SplideSlide } from '@splidejs/vue-splide'
have your sports memorabilia expertly framed and ready to adorn your walls
within just one week.
</p>
<div class="w-3/4 mx-auto my-2">
<div class="sm:w-3/4 mx-auto my-2">
<Image src="memorabilia/jerseys.png" alt="Framed Jerseys" />
</div>
</template>
Expand Down
2 changes: 1 addition & 1 deletion resources/js/Pages/Studio.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ import ListingCard from '@/Components/Card/ListingCard.vue'
</p>

<h1 class="text-2xl font-medium mt-6">Facilities</h1>
<div class="grid grid-cols-3 gap-x-4 gap-y-4 my-6">
<div class="grid grid-cols-2 sm:grid-cols-3 gap-x-4 gap-y-4 my-6">
<ListingCard title="Air Conditioning" />
<ListingCard title="Tables and chairs" />
<ListingCard title="Easels" />
Expand Down

0 comments on commit f21339b

Please sign in to comment.