tmiller/pokemon
1
0
Fork 1
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

styling changes and removed footer from /pokemon

Browse Source
This commit is contained in:
zach
2026-02-27 15:20:55 -05:00
parent ff0ddb2278
commit ef656b2f6f
7 changed files with 11 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/assets/css/main.scss
View File

@@ -373,27 +373,6 @@ $tiers: (
} }
} }
/* --------------------------------------------------
Navbar Dark Overrides
-------------------------------------------------- */
.navbar-dark .nav-item .nav-link {
color: #fff;
&:hover {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 0.25rem;
transition: 0.3s;
}
}
/* --------------------------------------------------
FontAwesome List Icons
-------------------------------------------------- */
.fa-li {
position: relative;
left: 0;
}
/* -------------------------------------------------- /* --------------------------------------------------
Circles (Header, Buttons, etc.) Circles (Header, Buttons, etc.)
-------------------------------------------------- */ -------------------------------------------------- */
@@ -459,8 +438,7 @@ $tiers: (
.btn.btn-warning:hover>span, .btn.btn-warning:hover>svg.nav-icon { .btn.btn-warning:hover>span, .btn.btn-warning:hover>svg.nav-icon {
fill: var(--bs-warning-bg-subtle); fill: var(--bs-warning-bg-subtle);
stroke: var(--bs-warning-bg-subtle); stroke: var(--bs-warning-bg-subtle);
color: var(--bs-warning-border-subtle); color: var(--bs-warning-border-subtle);
font-weight: 700;
} }
.btn-outline-success svg.nav-icon { .btn-outline-success svg.nav-icon {
@@ -472,5 +450,4 @@ $tiers: (
fill: var(--bs-success-border-subtle); fill: var(--bs-success-border-subtle);
stroke: var(--bs-success-border-subtle); stroke: var(--bs-success-border-subtle);
color: var(--bs-success-border-subtle); color: var(--bs-success-border-subtle);
font-weight: 700;
} }

6
src/layouts/Main.astro
View File

@@ -1,7 +1,5 @@
--- ---
import '/src/assets/css/main.scss'; import '/src/assets/css/main.scss';
import Footer from '../components/Footer.astro';
import NavBar from '../components/NavBar.astro';
--- ---
<!DOCTYPE html> <!DOCTYPE html>
@@ -31,12 +29,12 @@ import NavBar from '../components/NavBar.astro';
<slot name="navbar"/> <slot name="navbar"/>
<div class="wrapper"> <div class="wrapper">
<div class="main"> <div class="main">
<div class="container-fluid container-lg mt-4"> <div class="container-fluid container-sm mt-4">
<slot name="page"/> <slot name="page"/>
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
<Footer /> <slot name="footer"/>
</div> </div>
</div> </div>

3
src/pages/404.astro
View File

@@ -4,6 +4,7 @@ import NavItems from '../components/NavItems.astro';
import NavBar from '../components/NavBar.astro'; import NavBar from '../components/NavBar.astro';
export const prerender = false; export const prerender = false;
import pokedexList from '../data/pokedex.json'; import pokedexList from '../data/pokedex.json';
import Footer from '../components/Footer.astro';
const searchParams = Astro.url.searchParams; const searchParams = Astro.url.searchParams;
const query = searchParams.get('q') || '*'; const query = searchParams.get('q') || '*';
@@ -72,5 +73,5 @@ const pokemonName = pokemon?.Name || "Unknown Pokémon";
}); });
</script> </script>
</div> </div>
<Footer slot="footer" />
</Layout> </Layout>

2
src/pages/contact.astro
View File

@@ -2,6 +2,7 @@
import Layout from '../layouts/Main.astro'; import Layout from '../layouts/Main.astro';
import NavItems from '../components/NavItems.astro'; import NavItems from '../components/NavItems.astro';
import NavBar from '../components/NavBar.astro'; import NavBar from '../components/NavBar.astro';
import Footer from '../components/Footer.astro';
export const prerender = false; export const prerender = false;
--- ---
<Layout> <Layout>
@@ -36,5 +37,6 @@ export const prerender = false;
</form> </form>
</div> </div>
</div> </div>
<Footer slot="footer" />
</Layout> </Layout>

2
src/pages/index.astro
View File

@@ -2,6 +2,7 @@
import Layout from '../layouts/Main.astro'; import Layout from '../layouts/Main.astro';
import NavItems from '../components/NavItems.astro'; import NavItems from '../components/NavItems.astro';
import NavBar from '../components/NavBar.astro'; import NavBar from '../components/NavBar.astro';
import Footer from '../components/Footer.astro';
export const prerender = false; export const prerender = false;
import { Waitlist as WaitlistAstro } from '@clerk/astro/components' import { Waitlist as WaitlistAstro } from '@clerk/astro/components'
--- ---
@@ -28,4 +29,5 @@ import { Waitlist as WaitlistAstro } from '@clerk/astro/components'
<WaitlistAstro /> <WaitlistAstro />
</div> </div>
</div> </div>
<Footer slot="footer" />
</Layout> </Layout>

2
src/pages/partials/card-modal.astro
View File

@@ -114,7 +114,7 @@ const ebaySearchUrl = (card: any) => {
<div class="row g-4"> <div class="row g-4">
<div class="col-sm-12 col-md-3"> <div class="col-sm-12 col-md-3">
<p class="text-secondary">{card?.set?.setName}</p> <p class="text-secondary">{card?.set?.setName}</p>
<div class="position-relative"><img src={`/cards/${card?.productId}.jpg`} class="card-image w-100 img-fluid rounded-3" alt={card?.productName} onerror="this.onerror=null;this.src='/cards/noImage.webp'" onclick="copyImage(this); dataLayer.push({'event': 'copiedImage'});"><span class="position-absolute bottom-0 start-0 d-inline"><SetIcon set={card?.set?.setCode} /></span><span class="position-absolute top-0 end-0 d-inline"><EnergyIcon energy={card?.energyType} /></span><span class="rarity-icon-large position-absolute bottom-0 end-0 d-inline"><RarityIcon rarity={card?.rarityName} /></span></div> <div class="position-relative"><img src={`/cards/${card?.productId}.jpg`} class="card-image w-100 img-fluid rounded-4" alt={card?.productName} onerror="this.onerror=null;this.src='/cards/default.jpg'" onclick="copyImage(this); dataLayer.push({'event': 'copiedImage'});"><span class="position-absolute bottom-0 start-0 d-inline"><SetIcon set={card?.set?.setCode} /></span><span class="position-absolute top-0 end-0 d-inline"><EnergyIcon energy={card?.energyType} /></span><span class="rarity-icon-large position-absolute bottom-0 end-0 d-inline"><RarityIcon rarity={card?.rarityName} /></span></div>
<div class="d-flex flex-row justify-content-between mt-2"> <div class="d-flex flex-row justify-content-between mt-2">
<div class="p text-secondary">Illustrator: {card?.Artist}</div> <div class="p text-secondary">Illustrator: {card?.Artist}</div>
</div> </div>

2
src/pages/partials/cards.astro
View File

@@ -111,7 +111,7 @@ const facetNames = (name:string) => {
<div class="inventory-label pt-2">+/-</div> <div class="inventory-label pt-2">+/-</div>
</div> </div>
<div hx-get={`/partials/card-modal?cardId=${card.cardId}`} hx-target="#cardModal" hx-trigger="click" data-bs-toggle="modal" data-bs-target="#cardModal" onclick="const cardTitle = this.querySelector('#cardImage').getAttribute('alt'); dataLayer.push({'event': 'virtualPageview', 'pageUrl': this.getAttribute('hx-get'), 'pageTitle': cardTitle, 'previousUrl': '/pokemon'});"> <div hx-get={`/partials/card-modal?cardId=${card.cardId}`} hx-target="#cardModal" hx-trigger="click" data-bs-toggle="modal" data-bs-target="#cardModal" onclick="const cardTitle = this.querySelector('#cardImage').getAttribute('alt'); dataLayer.push({'event': 'virtualPageview', 'pageUrl': this.getAttribute('hx-get'), 'pageTitle': cardTitle, 'previousUrl': '/pokemon'});">
<img src={`/cards/${card.productId}.jpg`} alt={card.productName} id="cardImage" loading="lazy" decoding="async" class="img-fluid rounded-3 mb-2 card-image image-grow w-100" onerror="this.onerror=null;this.src='/cards/noImage.webp'"/> <img src={`/cards/${card.productId}.jpg`} alt={card.productName} id="cardImage" loading="lazy" decoding="async" class="img-fluid rounded-4 mb-2 card-image image-grow w-100" onerror="this.onerror=null;this.src='/cards/default.jpg'"/>
</div> </div>
<div class="row row-cols-5 gx-1 price-row mb-2"> <div class="row row-cols-5 gx-1 price-row mb-2">
{card.prices {card.prices