Done
This commit is contained in:
@@ -1,4 +1,6 @@
|
||||
<script setup lang="ts">
|
||||
import { Link } from '@inertiajs/vue3';
|
||||
|
||||
defineProps<{
|
||||
light?: boolean;
|
||||
small?: boolean;
|
||||
@@ -6,14 +8,21 @@ defineProps<{
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<span :class="['masthead', small && 'masthead-sm', light && 'masthead-light', !light && 'masthead-dark']">
|
||||
Dredge<span class="masthead-accent">News</span>
|
||||
</span>
|
||||
<Link style="text-decoration: none;" :href="route('home')">
|
||||
<span
|
||||
:class="[
|
||||
'masthead',
|
||||
small && 'masthead-sm',
|
||||
light && 'masthead-light',
|
||||
!light && 'masthead-dark',
|
||||
]"
|
||||
>
|
||||
Dredge<span class="masthead-accent">News</span>
|
||||
</span>
|
||||
</Link>
|
||||
</template>
|
||||
|
||||
<style scoped lang="sass">
|
||||
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap')
|
||||
|
||||
.masthead
|
||||
font-family: 'Playfair Display', serif
|
||||
font-weight: 700
|
||||
|
||||
Reference in New Issue
Block a user