27 lines
806 B
Vue
27 lines
806 B
Vue
<script setup lang="ts">
|
|
|
|
import {
|
|
Card,
|
|
CardContent
|
|
} from '@/components/ui/card'
|
|
|
|
import SocialLinks from './SocialLinks.vue';
|
|
|
|
import { CopyrightIcon } from '@lucide/vue'
|
|
import ThemeToggleBtn from './ThemeToggleBtn.vue';
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<Card class="rounded-none py-3 z-50">
|
|
<CardContent class="flex justify-center md:justify-between flex-row animate-in slide-in-from-bottom duration-500">
|
|
<div class="flex p-2 justify-center text-muted-foreground w-full md:w-auto">
|
|
<CopyrightIcon :size="15" class="mt-1 mr-1"/>
|
|
<p class="text-sm">Matthew McPeak</p>
|
|
</div>
|
|
<div class="justify-end basis-3/12 hidden md:flex">
|
|
<ThemeToggleBtn />
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
</template>
|