dandri/simplex-chat
1
0
Fork 0
mirror of https://github.com/simplex-chat/simplex-chat.git synced 2026-04-26 01:02:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve mobile nav

Browse Source
This commit is contained in:
M Sarmad Qadeer
2022-08-18 23:11:42 +05:00
parent 285e2dac45
commit 445fa5669e
5 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
website/src/_includes/layouts/article.html
View File

@@ -40,10 +40,10 @@
</div>
</nav>
</header>
<div class="flex lg:hidden w-full sticky top-[62px]">
<a class="flex-1 flex justify-center text-gray-800 bg-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 white-paper-nav-btn" href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md">Whitepaper</a>
<a class="flex-1 flex justify-center text-gray-800 bg-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 comparison-nav-btn" href="/#comparison">Comparison</a>
<a class="flex-1 flex justify-center text-gray-800 bg-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 blog-nav-btn" href="/blog">Blog</a>
<div class="flex lg:hidden w-full sticky top-[62px] z-[99] bg-[#00C8FB]">
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] white-paper-nav-btn" href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md">Whitepaper</a>
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-x-[2px] border-y-0 border-solid border-white comparison-nav-btn" href="/#comparison">Comparison</a>
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] blog-nav-btn" href="/blog">Blog</a>
</div>
<section class="container">

8
website/src/blog.html
View File

@@ -44,10 +44,10 @@
</div>
</nav>
</header>
<div class="flex lg:hidden w-full sticky top-[62px]">
<a class="flex-1 flex justify-center text-gray-800 bg-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 white-paper-nav-btn" href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md">Whitepaper</a>
<a class="flex-1 flex justify-center text-gray-800 bg-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 comparison-nav-btn" href="/#comparison">Comparison</a>
<a class="flex-1 flex justify-center text-gray-800 bg-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 blog-nav-btn" href="/blog">Blog</a>
<div class="flex lg:hidden w-full sticky top-[62px] z-[99] bg-[#00C8FB]">
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] white-paper-nav-btn" href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md">Whitepaper</a>
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-x-[2px] border-y-0 border-solid border-white comparison-nav-btn" href="/#comparison">Comparison</a>
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] blog-nav-btn" href="/blog">Blog</a>
</div>
<section class="container">

8
website/src/contact/index.html
View File

@@ -45,10 +45,10 @@
</div>
</nav>
</header>
<div class="flex lg:hidden w-full sticky top-[62px]">
<a class="flex-1 flex justify-center text-gray-800 bg-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 white-paper-nav-btn" href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md">Whitepaper</a>
<a class="flex-1 flex justify-center text-gray-800 bg-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 comparison-nav-btn" href="/#comparison">Comparison</a>
<a class="flex-1 flex justify-center text-gray-800 bg-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 blog-nav-btn" href="/blog">Blog</a>
<div class="flex lg:hidden w-full sticky top-[62px] z-[99] bg-[#00C8FB]">
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] white-paper-nav-btn" href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md">Whitepaper</a>
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-x-[2px] border-y-0 border-solid border-white comparison-nav-btn" href="/#comparison">Comparison</a>
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] blog-nav-btn" href="/blog">Blog</a>
</div>
<section id="conn_req">

8
website/src/index.html
View File

@@ -60,10 +60,10 @@
</div>
</nav>
</header>
<div class="flex lg:hidden w-full sticky top-[62px] z-[99] bg-[#FCD561]">
<a class="flex-1 flex justify-center text-gray-800 bg-[#FCD561] tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 white-paper-nav-btn" href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md">Whitepaper</a>
<a class="flex-1 flex justify-center text-gray-800 bg-[#FCD561] tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 comparison-nav-btn" href="/#comparison">Comparison</a>
<a class="flex-1 flex justify-center text-gray-800 bg-[#FCD561] tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 blog-nav-btn" href="/blog">Blog</a>
<div class="flex lg:hidden w-full sticky top-[62px] z-[99] bg-[#00C8FB]">
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] white-paper-nav-btn" href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md">Whitepaper</a>
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-x-[2px] border-y-0 border-solid border-white comparison-nav-btn" href="/#comparison">Comparison</a>
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] blog-nav-btn" href="/blog">Blog</a>
</div>
<section id="demo" class="z-10">

8
website/src/invitation/index.html
View File

@@ -53,10 +53,10 @@
</div>
</nav>
</header>
<div class="flex lg:hidden w-full sticky top-[62px]">
<a class="flex-1 flex justify-center text-gray-800 bg-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 white-paper-nav-btn" href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md">Whitepaper</a>
<a class="flex-1 flex justify-center text-gray-800 bg-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 comparison-nav-btn" href="/#comparison">Comparison</a>
<a class="flex-1 flex justify-center text-gray-800 bg-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-solid border-gray-300 blog-nav-btn" href="/blog">Blog</a>
<div class="flex lg:hidden w-full sticky top-[62px] z-[99] bg-[#00C8FB]">
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] white-paper-nav-btn" href="https://github.com/simplex-chat/simplexmq/blob/stable/protocol/overview-tjr.md">Whitepaper</a>
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] border-x-[2px] border-y-0 border-solid border-white comparison-nav-btn" href="/#comparison">Comparison</a>
<a class="flex-1 flex justify-center text-white tracking-[1px] font-medium text-base px-3 py-2 rounded hover:bg-[#00C8FB] hover:text-white border-[1px] blog-nav-btn" href="/blog">Blog</a>
</div>
<section id="conn_req">