Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

ui display bug #238

Merged
merged 1 commit into from
Apr 5, 2024
Merged

ui display bug #238

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 0 additions & 13 deletions src/routes/(root)/_root/components/hero.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,16 +48,3 @@
</div>
</div>
</section>

<style lang="postcss">
.anchorButton {
@apply rounded-md bg-thatBlue-500 px-4 py-4 text-center font-medium tracking-wide text-white shadow-md md:text-xl;
}

.anchorButton:hover {
@apply bg-thatBlue-400 transition duration-150 ease-in-out;
}
.anchorButton:focus {
@apply underline underline-offset-4;
}
</style>
18 changes: 10 additions & 8 deletions src/routes/(root)/support/travel/wi/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
import dayjs from 'dayjs';
import isBetween from 'dayjs/plugin/isBetween.js';

import { Standard as StandardLink } from '$elements/links';
import { kalahari } from '$lib/config.public';
import seoMetaTags from '$lib/seo/metaTags';
import Seo from '$components/Seo.svelte';
Expand Down Expand Up @@ -56,8 +55,8 @@
<div class="flex flex-col space-y-8 sm:flex-row sm:space-x-8 sm:space-y-0">
<!-- <div class="flex flex-col items-center space-y-8 sm:space-x-8 sm:space-y-0"> -->
<div class="rounded-md bg-gray-100 px-12 shadow-md">
<div class="prose-md prose text-gray-500">
<div class="flex flex-col pb-12">
<div class="py-12 text-gray-500">
<div class="prose-md prose flex flex-col">
<h2>Kalahari Resorts and Convention Center</h2>

<p>
Expand Down Expand Up @@ -108,10 +107,11 @@
{#if !isRoomBlockOpen}
<p class="text-red-500">Our room blocks are currently closed.</p>
{/if}

<div class="flex justify-center">
<StandardLink open={true} href={kalahari.passkey.wi.url}>Book Today</StandardLink>
</div>
</div>
<div class="mt-8 flex justify-center">
<a href={kalahari.passkey.wi.url} target="_blank" class="anchorButton px-4 py-2">
<div>Book Online</div>
</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -142,7 +142,9 @@
</p>

<div class="flex justify-center">
<StandardLink open={true} href="https://www.staybridge.com/">Book Today</StandardLink>
<a href="https://www.staybridge.com/" target="_blank" class="anchorButton m-2 grow">
<div>ONLINE</div>
</a>
</div>
</div>
</div>
Expand Down
14 changes: 13 additions & 1 deletion src/routes/+layout.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -169,7 +169,7 @@
</div>
</div>

<style>
<style lang="postcss">
:global(.strike) {
text-decoration: line-through;
}
Expand Down Expand Up @@ -209,6 +209,18 @@
text-underline-offset: 3px;
}

:global(.anchorButton) {
@apply rounded-md bg-thatBlue-500 px-4 py-4 text-center font-medium tracking-wide text-white shadow-md md:text-xl;
}

:global(.anchorButton:hover) {
@apply bg-thatBlue-400 transition duration-150 ease-in-out;
}

:global(.anchorButton:focus) {
@apply underline underline-offset-4;
}

:global(.lineBreaks) {
white-space: pre-line;
}
Expand Down