philipp/uncloud
1
0
Fork 0
mirror of https://github.com/psviderski/uncloud.git synced 2026-08-26 11:03:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: fix landing navbar github/discord buttons wrap on mobile

Browse Source
This commit is contained in:
Pasha Sviderski
2026-02-03 17:23:38 +01:00
parent 15d9ceb4d1
commit f48dc250a9
2 changed files with 14 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/landing/index.html
+6 -6
View File
@@ -64,22 +64,22 @@
<!-- Left side navigation --> <!-- Left side navigation -->
<ul class="flex items-center"> <ul class="flex items-center">
<li> <li>
<a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-3 lg:px-5 py-2 transition" <a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-2 sm:px-5 py-2 transition"
href="/docs">Docs</a> href="/docs">Docs</a>
</li> </li>
<li> <li>
<a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-3 lg:px-5 py-2 transition" <a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-2 sm:px-5 py-2 transition"
href="/blog">Blog</a> href="/blog">Blog</a>
</li> </li>
<li> <li>
<a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-3 lg:px-5 py-2 transition" <a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-2 sm:px-5 py-2 transition"
href="https://psviderski.substack.com/" target="_blank">Newsletter</a> href="https://psviderski.substack.com/" target="_blank">Newsletter</a>
</li> </li>
</ul> </ul>
<!-- Right side navigation --> <!-- Right side navigation -->
<ul class="flex grow justify-end flex-wrap items-center"> <ul class="flex grow justify-end items-center shrink-0">
<li> <li>
<a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-2 sm:px-3 lg:px-5 py-2 flex items-center transition" <a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-2 sm:px-5 py-2 flex items-center transition"
href="https://discord.gg/eR35KQJhPu"> href="https://discord.gg/eR35KQJhPu">
<svg class="w-4 h-4 sm:mr-1 fill-current" xmlns="http://www.w3.org/2000/svg" <svg class="w-4 h-4 sm:mr-1 fill-current" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"> viewBox="0 0 24 24">
@@ -89,7 +89,7 @@
</a> </a>
</li> </li>
<li> <li>
<a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-2 sm:px-3 lg:px-5 py-2 flex items-center transition" <a class="text-sm font-medium text-zinc-500 hover:text-zinc-900 px-1 sm:px-5 py-2 flex items-center transition"
href="https://github.com/psviderski/uncloud"> href="https://github.com/psviderski/uncloud">
<svg class="w-4 h-4 sm:mr-1 fill-current" xmlns="http://www.w3.org/2000/svg" <svg class="w-4 h-4 sm:mr-1 fill-current" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"> viewBox="0 0 24 24">
website/landing/style.css
+8 -17
View File
@@ -1365,10 +1365,6 @@ input[type="search"]::-webkit-search-results-decoration {
flex-direction: column; flex-direction: column;
} }
.flex-wrap{
flex-wrap: wrap;
}
.items-start{ .items-start{
align-items: flex-start; align-items: flex-start;
} }
@@ -1625,16 +1621,16 @@ input[type="search"]::-webkit-search-results-decoration {
padding-right: 0.125rem; padding-right: 0.125rem;
} }
.px-1{
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-2{ .px-2{
padding-left: 0.5rem; padding-left: 0.5rem;
padding-right: 0.5rem; padding-right: 0.5rem;
} }
.px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-4{ .px-4{
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
@@ -2198,9 +2194,9 @@ input[type="search"]::-webkit-search-results-decoration {
padding: 1.5rem; padding: 1.5rem;
} }
.sm\:px-3{ .sm\:px-5{
padding-left: 0.75rem; padding-left: 1.25rem;
padding-right: 0.75rem; padding-right: 1.25rem;
} }
.sm\:px-6{ .sm\:px-6{
@@ -2333,11 +2329,6 @@ input[type="search"]::-webkit-search-results-decoration {
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse)); margin-bottom: calc(0px * var(--tw-space-y-reverse));
} }
.lg\:px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
} }
@media (min-width: 1536px){ @media (min-width: 1536px){