Skip to content

Commit 80f00f0

Browse files
committed
don't lazy load the navbar images (lol)
1 parent cf8bf13 commit 80f00f0

File tree

4 files changed

+608
-617
lines changed

4 files changed

+608
-617
lines changed

app/components/lib/base-card.vue

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
22
<div class="card zoom-hitbox zoom-affected">
3-
<nuxt-link class="post-card" :to>
4-
<img class="post-card-image" :src="image" :alt loading="lazy" />
5-
<div class="post-card-body">
6-
<h3 v-if="$slots.title" class="post-card-title" :style="titleStyles">
3+
<nuxt-link class="base-card" :to>
4+
<img class="base-card-image" :src="image" :alt loading="lazy" />
5+
<div class="base-card-body">
6+
<h3 v-if="$slots.title" class="base-card-title" :style="titleStyles">
77
<slot name="title" />
88
</h3>
99
<slot name="body" />
@@ -42,7 +42,7 @@ export default defineNuxtComponent({
4242
<style scoped lang="scss">
4343
@use "~/assets/css/lib/variables" as *;
4444
45-
.post-card {
45+
.base-card {
4646
display: flex;
4747
flex-flow: column nowrap;
4848
@@ -52,7 +52,7 @@ export default defineNuxtComponent({
5252
cursor: pointer;
5353
}
5454
}
55-
.post-card-body {
55+
.base-card-body {
5656
flex-grow: 1;
5757
height: auto;
5858
display: flex;
@@ -61,14 +61,14 @@ export default defineNuxtComponent({
6161
line-height: 1;
6262
}
6363
64-
.post-card-image {
64+
.base-card-image {
6565
position: relative;
6666
width: 100%;
6767
height: auto;
6868
aspect-ratio: 16 / 9;
6969
}
7070
71-
.post-card-title {
71+
.base-card-title {
7272
color: white;
7373
font-size: 1.5rem;
7474
// makes gap between subtitle and title smaller

app/components/navigation/navbar.vue

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<header class="background">
33
<nav class="navbar-wrapper">
44
<nuxt-link class="navbar-mobile-wordmark" to="/" title="Faithful">
5-
<img src="/image/wordmarks/navbar.png" height="32" alt="Faithful Wordmark" loading="lazy" />
5+
<img src="/image/wordmarks/navbar.png" height="32" alt="Faithful Wordmark" />
66
</nuxt-link>
77

88
<button
@@ -33,7 +33,6 @@
3333
class="navbar-logo-img"
3434
src="https://database.faithfulpack.net/images/branding/logos/transparent/hd/main_logo.png?w=128"
3535
alt="Faithful Logo"
36-
loading="lazy"
3736
/>
3837
</nuxt-link>
3938

package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,14 +20,14 @@
2020
"nuxt": "^4.0.3",
2121
"remove-markdown": "^0.6.2",
2222
"sass": "^1.90.0",
23-
"vue": "^3.5.18",
23+
"vue": "^3.5.19",
2424
"vuetify-nuxt-module": "^0.18.7",
2525
"yaml": "^2.8.1"
2626
},
2727
"devDependencies": {
28-
"@nuxt/eslint": "1.8.0",
28+
"@nuxt/eslint": "1.9.0",
2929
"@types/luxon": "^3.7.1",
30-
"eslint": "^9.33.0",
30+
"eslint": "^9.34.0",
3131
"prettier": "^3.6.2"
3232
},
3333
"pnpm": {

0 commit comments

Comments
 (0)