mirror of
https://github.com/aljazceru/njump.git
synced 2026-01-31 11:44:34 +01:00
Review responsive layout
This commit is contained in:
@@ -16,7 +16,7 @@
|
||||
class="mx-auto block px-4 sm:flex sm:items-center sm:justify-center sm:px-0"
|
||||
>
|
||||
<div
|
||||
class="flex w-full max-w-screen-2xl justify-between gap-10 overflow-visible px-4 print:w-full sm:w-9/12 lg:gap-48vw"
|
||||
class="flex w-full max-w-screen-2xl justify-between gap-10 overflow-visible px-4 print:w-full sm:w-11/12 md:w-10/12 lg:w-9/12 lg:gap-48vw"
|
||||
>
|
||||
<div
|
||||
class="relative top-auto flex basis-1/4 items-center self-start sm:sticky sm:top-8 sm:mt-8 sm:items-start"
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
|
||||
<div class="mx-auto px-4 sm:flex sm:items-center sm:justify-center sm:px-0">
|
||||
<div
|
||||
class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible print:w-full sm:flex sm:w-9/12 sm:px-4 lg:gap-48vw"
|
||||
class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible print:w-full sm:flex sm:w-11/12 sm:px-4 md:w-10/12 lg:w-9/12 lg:gap-48vw"
|
||||
>
|
||||
<div class="w-full break-words print:w-full">
|
||||
<header class="mb-4 max-w-full">
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
|
||||
<div class="mx-auto px-4 sm:flex sm:items-center sm:justify-center sm:px-0">
|
||||
<div
|
||||
class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible print:w-full sm:flex sm:w-9/12 sm:px-4 lg:gap-48vw"
|
||||
class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible print:w-full sm:flex sm:w-11/12 sm:px-4 md:w-10/12 lg:w-9/12 lg:gap-48vw"
|
||||
>
|
||||
<div class="w-full break-words print:w-full">
|
||||
<header class="mb-4 max-w-full">
|
||||
|
||||
@@ -17,9 +17,9 @@
|
||||
class="mx-auto block px-4 sm:flex sm:items-center sm:justify-center sm:px-0"
|
||||
>
|
||||
<div
|
||||
class="flex w-full max-w-screen-2xl justify-between gap-10 overflow-visible px-4 print:w-full sm:w-9/12 lg:gap-48vw"
|
||||
class="flex w-full max-w-screen-2xl justify-between gap-10 overflow-visible px-4 print:w-full sm:w-11/12 md:w-10/12 lg:w-9/12 lg:gap-48vw"
|
||||
>
|
||||
<div class="w-full break-words print:w-full sm:w-9/12">
|
||||
<div class="w-full break-words print:w-full md:w-10/12 lg:w-9/12">
|
||||
<header class="">
|
||||
<div class="mb-4 text-2xl">{{.KindDescription}}</div>
|
||||
</header>
|
||||
|
||||
@@ -35,7 +35,7 @@
|
||||
|
||||
<div class="mx-auto px-4 sm:flex sm:items-center sm:justify-center sm:px-0">
|
||||
<div
|
||||
class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible print:w-full sm:flex sm:w-9/12 sm:px-4 lg:gap-48vw"
|
||||
class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible print:w-full sm:flex sm:w-11/12 sm:px-4 md:w-10/12 lg:w-9/12 lg:gap-48vw"
|
||||
>
|
||||
<header
|
||||
class="relative top-auto flex basis-1/4 items-center self-start sm:sticky sm:top-8 sm:mt-8 sm:block sm:items-start"
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
|
||||
<div class="mx-auto px-4 sm:flex sm:items-center sm:justify-center sm:px-0">
|
||||
<div
|
||||
class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible px-4 print:w-full sm:flex sm:w-9/12 lg:gap-48vw"
|
||||
class="w-full max-w-screen-2xl justify-between gap-10 overflow-visible px-4 print:w-full sm:flex md:w-10/12 lg:w-9/12 lg:gap-48vw"
|
||||
>
|
||||
<div
|
||||
class="relative top-auto flex basis-1/4 items-center self-start sm:sticky sm:top-8 sm:mt-8 sm:items-start"
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<header class="items-center p-4 text-sm print:block sm:flex sm:text-base">
|
||||
<header class="items-center p-4 pb-6 text-sm print:block sm:flex sm:text-base">
|
||||
<a
|
||||
href="https://nostr.com"
|
||||
class="text-md basis-1/6 text-right print:hidden"
|
||||
class="text-md text-right text-sm print:hidden md:basis-1/6"
|
||||
target="_blank"
|
||||
>What is <span class="text-strongpink">Nostr</span>?</a
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user