style: make responsive

This commit is contained in:
2026-08-27 11:16:31 +05:30
parent 834aeb666e
commit f4a94af831
2 changed files with 6 additions and 6 deletions
+5 -5
View File
@@ -13,7 +13,7 @@
key: "ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAINt3OrGyuZkH+NliwamlZJPFJsgSF4O2+V149EUhtq3l silicoflare.dev", key: "ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAINt3OrGyuZkH+NliwamlZJPFJsgSF4O2+V149EUhtq3l silicoflare.dev",
}, },
{ {
name: "SunFire (Raspberry Pi)", name: "SunFire",
key: "ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABgQDrT+NnZ8fShAaM1TVwJYxuFszZNVv4CHzhANzH3r6iXDyGKLgMKsmIHvaRJKexNUNm2SQq03JUQrOpnJGPqOsjNmrl4L2+Gdx00u2AOSlmWp4xzpY0gMYP3wI0vKizPtjPABhE/cQ3hctoIcJ2UZrsOEkgngOgrb2FVcgeYSJRZiecKFWeTygqv2pvT/n6+guGEnPuf3ERPhvVMpWnzfMAkKEmeuHdVTsqs4z0LxhtUkLYpQFEGFp8eh39UeX699zgoe+FSBzWTqn4odQNONb6JYdsk7G4Puvbzhw6uTVUdE+VQ0t7gGx4y1zry0PLTppZDlSvRLZw+9rsfea2lHS6uVtaoezMXWSkl9kOLg+8IH53WgSouSGYKqX39coGwvg/6nTz694FWJO5SmnDDVTGUADXpwkebN1cIiQeBXLNi3WbPpzF7v4HoQqdYFnhNp2ex5MwMQB2fBITGYr9EbQG6j90p7R4sBlLT8yBvNc7LlzdIKONQHLo6vsukSrM2YE= pi@sunfire", key: "ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABgQDrT+NnZ8fShAaM1TVwJYxuFszZNVv4CHzhANzH3r6iXDyGKLgMKsmIHvaRJKexNUNm2SQq03JUQrOpnJGPqOsjNmrl4L2+Gdx00u2AOSlmWp4xzpY0gMYP3wI0vKizPtjPABhE/cQ3hctoIcJ2UZrsOEkgngOgrb2FVcgeYSJRZiecKFWeTygqv2pvT/n6+guGEnPuf3ERPhvVMpWnzfMAkKEmeuHdVTsqs4z0LxhtUkLYpQFEGFp8eh39UeX699zgoe+FSBzWTqn4odQNONb6JYdsk7G4Puvbzhw6uTVUdE+VQ0t7gGx4y1zry0PLTppZDlSvRLZw+9rsfea2lHS6uVtaoezMXWSkl9kOLg+8IH53WgSouSGYKqX39coGwvg/6nTz694FWJO5SmnDDVTGUADXpwkebN1cIiQeBXLNi3WbPpzF7v4HoQqdYFnhNp2ex5MwMQB2fBITGYr9EbQG6j90p7R4sBlLT8yBvNc7LlzdIKONQHLo6vsukSrM2YE= pi@sunfire",
}, },
{ {
@@ -25,12 +25,12 @@
<!-- ui --> <!-- ui -->
<div <div
class="w-screen h-screen flex flex-col items-center bg-background relative text-foreground font-main" class="w-screen min-h-screen h-full flex flex-col items-center bg-background relative text-foreground font-main pb-10"
> >
<Navbar /> <Navbar />
<div class="mt-40 flex w-1/2 flex-col items-start gap-5"> <div class="mt-40 flex w-full md:w-1/2 flex-col items-start gap-5 px-5 md:px-0">
<h1 class="text-4xl font-bold">SSH Keys</h1> <h1 class="text-3xl md:text-4xl font-bold">SSH Keys</h1>
<div> <div>
I have absolutely no idea why you would want my SSH public keys. Maybe you I have absolutely no idea why you would want my SSH public keys. Maybe you
@@ -42,7 +42,7 @@
<div class="mt-5 flex w-full min-w-0 flex-col items-start gap-7"> <div class="mt-5 flex w-full min-w-0 flex-col items-start gap-7">
{#each keys as key} {#each keys as key}
<div class="flex w-full min-w-0 flex-col items-start gap-2"> <div class="flex w-full min-w-0 flex-col items-start gap-2">
<h2 class="text-2xl font-bold">{key.name}</h2> <h2 class="text-xl md:text-2xl font-bold">{key.name}</h2>
<div class="w-full min-w-0 relative"> <div class="w-full min-w-0 relative">
<div class="mockup-code w-full min-w-0"> <div class="mockup-code w-full min-w-0">
+1 -1
View File
@@ -2,6 +2,6 @@
import SiF from "./SiF.svelte"; import SiF from "./SiF.svelte";
</script> </script>
<div class="w-full absolute top-0 flex items-center justify-between p-7 px-10"> <div class="w-full absolute top-0 flex items-center justify-between p-7 px-5 md:px-10">
<SiF factor={7} /> <SiF factor={7} />
</div> </div>