diff options
| author | Yuval Adam <_@yuv.al> | 2025-05-16 22:45:06 +0200 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-05-16 22:45:06 +0200 |
| commit | 89fe99f909d9f3b95b317205ba6e79e9c5ffe03c (patch) | |
| tree | 275cb594f65a571b03c5f930275786dbea0f12ee | |
| parent | 1c14fcef72a79e3409e08b9724fed034c736126c (diff) | |
Add subtitle and cleanup responsive design
| -rw-r--r-- | src/components/Cidr.tsx | 4 | ||||
| -rw-r--r-- | src/pages/index.astro | 5 |
2 files changed, 6 insertions, 3 deletions
diff --git a/src/components/Cidr.tsx b/src/components/Cidr.tsx index f3f359c..e1b1feb 100644 --- a/src/components/Cidr.tsx +++ b/src/components/Cidr.tsx @@ -221,7 +221,7 @@ export default function Cidr() { return ( - <div className="my-6 border-0 sm:border border-gray-300 rounded-lg bg-white/70 shadow-md"> + <div className="pt-1 my-6 border-0 sm:border border-gray-300 rounded-lg bg-white/70 shadow-md"> <div className="flex flex-wrap justify-center gap-4 my-10"> {ip.map((octet, i) => ( <div key={`octet-${i}`}> @@ -273,7 +273,7 @@ export default function Cidr() { } </div> - <div className="flex justify-end p-5"> + <div className="flex justify-center lg:justify-end p-5"> <div className="mx-2"> <button onClick={handleCopy} diff --git a/src/pages/index.astro b/src/pages/index.astro index 5c45d28..d31553e 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -94,6 +94,9 @@ const faqJsonLd = { > IP / CIDR Calculator </h1> + <h2 class="pt-1 text-xl text-center sm:text-left text-gray-600"> + Visualize and Calculate Network Ranges with IPv4 CIDR Blocks + </h2> <Cidr client:load /> @@ -145,7 +148,7 @@ const faqJsonLd = { set:html={JSON.stringify(faqJsonLd, null, 2)} /> </div> - <footer class="text-xs my-4 text-left"> + <footer class="text-xs my-4 pb-3 text-center"> <p> Created by <a href="https://yuv.al" |