techit/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cahnge some layouts and structuter

Browse Source
This commit is contained in:
Techit Thawiang
2025-07-12 23:23:32 +07:00
parent a4d6f25d44
commit fb0e7a22ba
4 changed files with 75 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/web-header.vue
+39
View File
@@ -0,0 +1,39 @@
<template>
<header class="web-header">
<section class="web-heading">
<NuxtLink href="/" class="web-heading-left-section hover:bg-(--ui-text)/5 active:bg-(--ui-text)/10">
<div class="flex items-center h-full bg-[#0066FF]">
<img width="36" height="36"src="/favicon.ico">
</div>
<p class="web-nav-title mx-2 text-(--ui-text)">thawia.ng</p>
</NuxtLink>
<div class="web-heading-right-section">
<nav class="nav-links">
<ul class="nav-wrapper">
<li class="nav-link">
<NuxtLink href="/">Home</NuxtLink>
</li>
<!-- <li class="nav-link">
<NuxtLink href="/blog">Blog</NuxtLink>
</li>
<li class="nav-link">
<NuxtLink href="/projects">Projects</NuxtLink>
</li>
<li class="nav-link">
<NuxtLink href="/about">About</NuxtLink>
</li>-->
<li class="nav-link">
<NuxtLink href="/contact">Contact</NuxtLink>
</li>
<li class="nav-link">
<NuxtLink href="/fonts">Fonts</NuxtLink>
</li>
<li class="nav-link">
<NuxtLink href="/collections">Collections</NuxtLink>
</li>
</ul>
</nav>
</div>
</section>
</header>
</template>