31 lines
792 B
Vue
31 lines
792 B
Vue
<script setup lang="ts">
|
|
import { Search } from 'lucide-vue-next';
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex items-center justify-center w-full p-4 gap-8 border-b">
|
|
<div>
|
|
<NuxtImg src="logo.jpg" width="48" height="48" />
|
|
</div>
|
|
<div>
|
|
<Button variant="ghost">
|
|
Home
|
|
</Button>
|
|
<Button variant="ghost">
|
|
Social
|
|
</Button>
|
|
<Button variant="ghost">
|
|
Forum
|
|
</Button>
|
|
</div>
|
|
<div>
|
|
<InputGroup>
|
|
<InputGroupInput placeholder="Search..." />
|
|
<InputGroupAddon>
|
|
<Search />
|
|
</InputGroupAddon>
|
|
</InputGroup>
|
|
</div>
|
|
</div>
|
|
</template>
|