Skip to content
This repository was archived by the owner on Jul 4, 2025. It is now read-only.

Commit cafa3ca

Browse files
Its-NetworkingIts-Networking
authored
Create topbar.php
1 parent 693072e commit cafa3ca

File tree

1 file changed

+133
-0
lines changed

1 file changed

+133
-0
lines changed

‎app/layout/topbar.php‎

Lines changed: 133 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,133 @@
1+
<?php
2+
if (isset($_POST["shop"])) {
3+
dashboard\primary\error("Coming soon!");
4+
}
5+
?>
6+
7+
<nav class="fixed z-30 w-full bg-[#0f0f17] border-[#09090d]">
8+
<div class="py-3 px-3 lg:px-5 lg:pl-3">
9+
<div class="flex justify-between items-center">
10+
<div class="flex justify-start items-center">
11+
<div
12+
class="hidden p-2 text-white rounded cursor-pointer lg:inline hover:opacity-60 transition duration-200 -ml-8">
13+
<div class="w-6 h-6">
14+
</div>
15+
</div>
16+
17+
<button id="toggleSidebarMobile" aria-expanded="true" aria-controls="sidebar"
18+
class="p-2 mr-2 text-white rounded cursor-pointer lg:hidden hover:opacity-60 focus:ring-0">
19+
<svg id="toggleSidebarMobileHamburger" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20"
20+
xmlns="http://www.w3.org/2000/svg">
21+
<path fill-rule="evenodd"
22+
d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
23+
clip-rule="evenodd"></path>
24+
</svg>
25+
<svg id="toggleSidebarMobileClose" class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20"
26+
xmlns="http://www.w3.org/2000/svg">
27+
<path fill-rule="evenodd"
28+
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
29+
clip-rule="evenodd"></path>
30+
</svg>
31+
</button>
32+
33+
<a href="?page-manage-apps">
34+
<img src="https://cdn.keyauth.cc/v3/imgs/KeyauthBanner.png" alt="KeyAuth Icon"
35+
style="max-width: 100px; height: auto;">
36+
</a>
37+
</div>
38+
39+
40+
<div class="hidden md:block">
41+
<a href="https://keyauth.readme.io" target="_blank" type="button"
42+
class="inline-flex text-white bg-[#0f0f17] hover:opacity-60 hover:text-blue-700 focus:ring-0 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 transition duration-200 pt-3"
43+
style="margin-left: 150px;">
44+
<i class="lni lni-code mr-2 mt-1"></i>Documentation
45+
</a>
46+
47+
<a href="https://github.com/keyauth" target="_blank" type="button"
48+
class="inline-flex text-white bg-[#0f0f17] hover:opacity-60 hover:text-blue-700 focus:ring-0 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 transition duration-200 pt-3"
49+
style="margin-left: 75;">
50+
<i class="lni lni-github-original mr-2 mt-1"></i>Examples
51+
</a>
52+
53+
<a href="https://youtube.com/keyauth" target="_blank" type="button"
54+
class="inline-flex text-white bg-[#0f0f17] hover:opacity-60 hover:text-blue-700 focus:ring-0 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 transition duration-200 pt-3"
55+
style="margin-left: 75;">
56+
<i class="lni lni-youtube mr-2 mt-1"></i>YouTube
57+
</a>
58+
59+
<a href="https://t.me/keyauth" target="_blank" type="button"
60+
class="inline-flex text-white bg-[#0f0f17] hover:opacity-60 hover:text-blue-700 focus:ring-0 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 transition duration-200 pt-3"
61+
style="margin-left: 75;">
62+
<i class="lni lni-telegram-original mr-2 mt-1"></i>Telegram
63+
</a>
64+
65+
<a href="https://twitter.com/keyauth" target="_blank" type="button"
66+
class="inline-flex text-white bg-[#0f0f17] hover:opacity-60 hover:text-blue-700 focus:ring-0 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 transition duration-200 pt-3"
67+
style="margin-left: 75;">
68+
<i class="lni lni-twitter-original mr-2 mt-1"></i>Twitter
69+
</a>
70+
71+
<a href="https://instagram.com/keyauthllc" target="_blank" type="button"
72+
class="inline-flex text-white bg-[#0f0f17] hover:opacity-60 hover:text-blue-700 focus:ring-0 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 transition duration-200 pt-3"
73+
style="margin-left: 75;">
74+
<i class="lni lni-instagram-original mr-2 mt-1"></i>Instagram
75+
</a>
76+
77+
<a href="https://vaultcord.com" target="_blank" type="button"
78+
class="inline-flex text-white bg-[#0f0f17] hover:opacity-60 hover:text-blue-700 focus:ring-0 font-medium rounded-lg text-sm px-5 py-2.5 mb-2 transition duration-200 pt-3"
79+
style="margin-left: 75;">
80+
<i class="lni lni-discord-alt mr-2 mt-1"></i>VaultCord
81+
</a>
82+
</div>
83+
84+
<div id="dropdownDotsHorizontal"
85+
class="z-10 hidden bg-[#09090d] divide-y-2 divide-[#1c64f2] border-2 border-[#1c64f2] rounded-lg shadow w-44">
86+
<ul class="py-2 text-white text-xs" aria-labelledby="dropdownMenuIconHorizontalButton">
87+
<li class="">
88+
<a href="https://keyauth.readme.io" target="_blank"
89+
class="block px-4 py-2 hover:opacity-60 inline-flex">
90+
<i class="lni lni-code mr-2 mt-1"></i>Documentation
91+
</a>
92+
</li>
93+
<li>
94+
<a href="https://github.com/keyauth" target="_blank"
95+
class="block px-4 py-2 hover:opacity-60 inline-flex">
96+
<i class="lni lni-github-original mr-2 mt-1"></i>Examples
97+
</a>
98+
</li>
99+
<li>
100+
<a href="https://youtube.com/keyauth" target="_blank"
101+
class="block px-4 py-2 hover:opacity-60 inline-flex">
102+
<i class="lni lni-youtube mr-2 mt-1"></i>YouTube
103+
</a>
104+
</li>
105+
<li>
106+
<a href="https://t.me/keyauth" target="_blank"
107+
class="block px-4 py-2 hover:opacity-60 inline-flex">
108+
<i class="lni lni-telegram-original mr-2 mt-1"></i>Telegram
109+
</a>
110+
</li>
111+
<li>
112+
<a href="https://twitter.com/keyauth" target="_blank"
113+
class="block px-4 py-2 hover:opacity-60 inline-flex">
114+
<i class="lni lni-twitter-original mr-2 mt-1"></i>Twitter
115+
</a>
116+
</li>
117+
<li>
118+
<a href="https://instagram.com/keyauthllc" target="_blank"
119+
class="block px-4 py-2 hover:opacity-60 inline-flex">
120+
<i class="lni lni-instagram-original mr-2 mt-1"></i>Instagram
121+
</a>
122+
</li>
123+
<li>
124+
<a href="https://vaultcord.com" target="_blank"
125+
class="block px-4 py-2 hover:opacity-60 inline-flex">
126+
<i class="lni lni-instagram-original mr-2 mt-1"></i>VaultCord
127+
</a>
128+
</li>
129+
</ul>
130+
</div>
131+
</div>
132+
</div>
133+
</nav>

0 commit comments

Comments
 (0)