style: make responsive
This commit is contained in:
+5
-5
@@ -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">
|
||||||
|
|||||||
@@ -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>
|
||||||
Reference in New Issue
Block a user