sindhu/xport-tailwind-alpine
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

step 35 : add link in navbar menu mobile & desktop

Browse Source
This commit is contained in:
sindhu
2025-03-19 08:59:19 +07:00
parent ea6e927b18
commit 47ed17062c
6 changed files with 98 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
v1/assay_format.html
View File

@@ -28,13 +28,20 @@
<nav class="hidden lg:flex items-center text-sm gap-6 ml-auto"> <nav class="hidden lg:flex items-center text-sm gap-6 ml-auto">
<ul class="flex items-center gap-6 text-sm"> <ul class="flex items-center gap-6 text-sm">
<li> <li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">SETTING</a> <a href="settings.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">SETTING</a>
</li> </li>
<li class="bg-[#E3F2FD] rounded-sm p-3"> <li class="bg-[#E3F2FD] rounded-sm p-3">
<a href="#" class="text-[#2196F3] transition font-bold hover:text-black/87">ASSAY FORMAT</a> <a href="assay_format.html" class="text-[#2196F3] transition font-bold hover:text-black/87">ASSAY FORMAT</a>
</li> </li>
<li> <li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">RESULT</a> <a href="result.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">RESULT</a>
</li>
<li>
<a href="order.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">ORDER</a>
</li>
<li>
<a href="master_data.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">MASTER
DATA</a>
</li> </li>
<li> <li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a> <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a>
@@ -63,7 +70,7 @@
x-bind:class="open ? 'translate-y-0' : 'translate-y-full'"> x-bind:class="open ? 'translate-y-0' : 'translate-y-full'">
<ul class="space-y-2"> <ul class="space-y-2">
<li> <li>
<a href="#" <a href="settings.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg"> class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="material-symbols-outlined text-black/87">settings</span> <span class="material-symbols-outlined text-black/87">settings</span>
@@ -72,7 +79,7 @@
</a> </a>
</li> </li>
<li class="bg-[#E3F2FD] p-2 rounded"> <li class="bg-[#E3F2FD] p-2 rounded">
<a href="#" <a href="assay_format.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-[#2196F3] font-medium text-lg"> class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-[#2196F3] font-medium text-lg">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="material-symbols-outlined text-[#2196F3]">edit</span> <span class="material-symbols-outlined text-[#2196F3]">edit</span>
@@ -81,7 +88,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href="#" <a href="result.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg"> class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="material-symbols-outlined text-black/87">calculate</span> <span class="material-symbols-outlined text-black/87">calculate</span>
@@ -89,6 +96,24 @@
</div> </div>
</a> </a>
</li> </li>
<li>
<a href="order.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">
<div class="flex items-center gap-2">
<span class="material-symbols-outlined text-black/87">calculate</span>
Order
</div>
</a>
</li>
<li>
<a href="master_data.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">
<div class="flex items-center gap-2">
<span class="material-symbols-outlined text-black/87">calculate</span>
Master Data
</div>
</a>
</li>
<li> <li>
<a href="#" <a href="#"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg"> class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">

38
v1/dashboard.html
View File

@@ -28,13 +28,21 @@
<nav class="hidden lg:flex items-center text-sm gap-6 ml-auto"> <nav class="hidden lg:flex items-center text-sm gap-6 ml-auto">
<ul class="flex items-center gap-6 text-sm"> <ul class="flex items-center gap-6 text-sm">
<li> <li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">SETTING</a> <a href="settings.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">SETTING</a>
</li> </li>
<li> <li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY FORMAT</a> <a href="assay_format.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY
FORMAT</a>
</li> </li>
<li> <li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">RESULT</a> <a href="result.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">RESULT</a>
</li>
<li>
<a href="order.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">ORDER</a>
</li>
<li>
<a href="master_data.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">MASTER
DATA</a>
</li> </li>
<li> <li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a> <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a>
@@ -63,7 +71,7 @@
x-bind:class="open ? 'translate-y-0' : 'translate-y-full'"> x-bind:class="open ? 'translate-y-0' : 'translate-y-full'">
<ul class="space-y-2"> <ul class="space-y-2">
<li> <li>
<a href="#" <a href="settings.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg"> class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="material-symbols-outlined text-[#2196F3]">settings</span> <span class="material-symbols-outlined text-[#2196F3]">settings</span>
@@ -72,7 +80,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href="#" <a href="assay_format.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg"> class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="material-symbols-outlined text-black/87">edit</span> <span class="material-symbols-outlined text-black/87">edit</span>
@@ -81,7 +89,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href="#" <a href="result.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg"> class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="material-symbols-outlined text-black/87">calculate</span> <span class="material-symbols-outlined text-black/87">calculate</span>
@@ -89,6 +97,24 @@
</div> </div>
</a> </a>
</li> </li>
<li>
<a href="order.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">
<div class="flex items-center gap-2">
<span class="material-symbols-outlined text-black/87">calculate</span>
Order
</div>
</a>
</li>
<li>
<a href="master_data.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">
<div class="flex items-center gap-2">
<span class="material-symbols-outlined text-black/87">calculate</span>
Master Data
</div>
</a>
</li>
<li> <li>
<a href="#" <a href="#"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg"> class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">

1
v1/master_data.html Normal file
View File

@@ -0,0 +1 @@
ini master data page

1
v1/order.html Normal file
View File

@@ -0,0 +1 @@
ini order page

1
v1/result.html Normal file
View File

@@ -0,0 +1 @@
ini result page

38
v1/settings.html
View File

@@ -28,13 +28,21 @@
<nav class="hidden lg:flex items-center text-sm gap-6 ml-auto"> <nav class="hidden lg:flex items-center text-sm gap-6 ml-auto">
<ul class="flex items-center gap-6 text-sm"> <ul class="flex items-center gap-6 text-sm">
<li class="bg-[#E3F2FD] rounded-sm p-3"> <li class="bg-[#E3F2FD] rounded-sm p-3">
<a href="#" class="text-[#2196F3] transition font-bold hover:text-black/87">SETTING</a> <a href="settings.html" class="text-[#2196F3] transition font-bold hover:text-black/87">SETTING</a>
</li> </li>
<li> <li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY FORMAT</a> <a href="assay_format.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY
FORMAT</a>
</li> </li>
<li> <li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">RESULT</a> <a href="result.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">RESULT</a>
</li>
<li>
<a href="order.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">ORDER</a>
</li>
<li>
<a href="master_data.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">MASTER
DATA</a>
</li> </li>
<li> <li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a> <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a>
@@ -63,7 +71,7 @@
x-bind:class="open ? 'translate-y-0' : 'translate-y-full'"> x-bind:class="open ? 'translate-y-0' : 'translate-y-full'">
<ul class="space-y-2"> <ul class="space-y-2">
<li class="bg-[#E3F2FD] p-2 rounded"> <li class="bg-[#E3F2FD] p-2 rounded">
<a href="#" <a href="settings.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-[#2196F3] font-medium text-lg"> class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-[#2196F3] font-medium text-lg">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="material-symbols-outlined text-[#2196F3]">settings</span> <span class="material-symbols-outlined text-[#2196F3]">settings</span>
@@ -72,7 +80,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href="#" <a href="assay_format.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg"> class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="material-symbols-outlined text-black/87">edit</span> <span class="material-symbols-outlined text-black/87">edit</span>
@@ -81,7 +89,7 @@
</a> </a>
</li> </li>
<li> <li>
<a href="#" <a href="result.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg"> class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="material-symbols-outlined text-black/87">calculate</span> <span class="material-symbols-outlined text-black/87">calculate</span>
@@ -89,6 +97,24 @@
</div> </div>
</a> </a>
</li> </li>
<li>
<a href="order.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">
<div class="flex items-center gap-2">
<span class="material-symbols-outlined text-black/87">calculate</span>
Order
</div>
</a>
</li>
<li>
<a href="master_data.html"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">
<div class="flex items-center gap-2">
<span class="material-symbols-outlined text-black/87">calculate</span>
Master Data
</div>
</a>
</li>
<li> <li>
<a href="#" <a href="#"
class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg"> class="block px-4 py-2 hover:bg-gray-100 rounded-lg text-black/87 font-medium text-lg">