fix: join button responsive on mobile

dezh-tech · Aug 29, 2024 · d15cc4b · d15cc4b
1 parent dbc8551
commit d15cc4b
Show file tree

Hide file tree

Showing 9 changed files with 71 additions and 44 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -53,4 +53,4 @@ jobs:
     steps:
       - name: Deploy
         id: deployment
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v4
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
@@ -1,11 +1,11 @@
 name: Liniting using Eslint
 
 on:
-    pull_request_target:
-      types:
-        - opened
-        - edited
-        - synchronize
+  pull_request_target:
+    types:
+      - opened
+      - edited
+      - synchronize
 
 env:
   NODE_VERSION: 20.12.0
@@ -14,7 +14,7 @@ jobs:
   linting:
     name: Linting
     runs-on: ubuntu-latest
-    steps: 
+    steps:
       - name: Install NodeJS
         uses: actions/setup-node@v4
         with:

diff --git a/src/app.html b/src/app.html
@@ -3,11 +3,35 @@
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/logo.webp" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<meta name="keywords" content="Nostr, Dezh, Dezh Technologies, NIP-05, Bitcoin, Lightning" />
+		<meta property="og:description" content="" />
+		<meta property="og:title" content="JellyFish" />
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://jellyfish.land" />
+		<meta property="og:image" content="" />
+		<meta property="og:image:secure_url" content="" />
+		<meta property="og:site_name" content="JellyFish" />
+		<meta property="og:image:height" content="2160" />
+		<meta property="og:image:width" content="4116" />
+		<meta property="og:image:type" content="image/webp" />
+		<meta property="og:image:alt" content="JellyFish" />
+		<meta property="og:locale" content="en_US" />
+		<meta name="twitter:card" content="summary_large_image" />
+		<meta property="twitter:title" content="JellyFish" />
+		<meta property="twitter:description" content="" />
+		<meta property="twitter:image" content="" />
+		<meta property="twitter:image:secure_url" content="" />
+		<meta property="twitter:site_name" content="JellyFish" />
+		<meta property="twitter:image:height" content="2160" />
+		<meta property="twitter:image:width" content="4116" />
+		<meta property="twitter:image:type" content="image/webp" />
+		<meta property="twitter:image:alt" content="JellyFish" />
+		<link rel="mask-icon" href="/fav-icon.svg" color="#01A6FF" />
+		<link rel="apple-touch-icon" sizes="40x40" href="/fav.png" />
+		<meta content="telephone=no" name="format-detection" />
+		<meta name="theme-color" content="#ffffff" />
 		<meta
-			name="description"
-			content="JellyFish is a project providing Nostr services to bring smooth experience for Nostr users."
+			name="robots"
+			content="index, follow, max-video-preview:max-video-preview:-1, max-image-preview:max-image-preview:large, max-snippet:max-snippet:-1"
 		/>
 		<title>JellyFish</title>
 		%sveltekit.head%

diff --git a/src/lib/data/features.js b/src/lib/data/features.js
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -49,10 +49,10 @@
 						<input
 							type="text"
 							placeholder={`Enter your npub or nip-05 address`}
-							class="w-[600px] pl-3 pr-3 py-2 text-gray-500 bg-transparent outline-none border focus:border-jelly-blue shadow-sm rounded-lg"
+							class="w-[600px] pl-3 pr-3 py-2 text-gray-500 bg-transparent outline-none border focus:border-jelly-blue shadow-sm rounded-lg max-sm:w-[300px]"
 						/>
 						<button
-							class="px-5 py-2 text-white bg-jelly-blue rounded-md duration-150 hover:bg-blue-500 active:shadow-lg"
+							class="px-5 py-2 text-white bg-jelly-blue rounded-md duration-150 hover:bg-blue-500 active:shadow-lg max-sm:text-sm max-sm:h-[40px]"
 						>
 							Join Relay!
 						</button>

diff --git a/static/.well-known/nostr.json b/static/.well-known/nostr.json
@@ -1,6 +1,6 @@
 {
-    "names": {
-        "_": "bf2bee5281149c7c350f5d12ae32f514c7864ff10805182f4178538c2c421007",
-        "bot":"6226b4bee6dc3015d549e812ca84bbc6117156fed079257291f956580519e646"
-    }
+	"names": {
+		"_": "bf2bee5281149c7c350f5d12ae32f514c7864ff10805182f4178538c2c421007",
+		"bot": "6226b4bee6dc3015d549e812ca84bbc6117156fed079257291f956580519e646"
+	}
 }
diff --git a/svelte.config.js b/svelte.config.js
@@ -3,7 +3,8 @@ import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
 	kit: {
-		adapter: adapter({ fallback: '404.html' }), paths: {
+		adapter: adapter({ fallback: '404.html' }),
+		paths: {
 			base: process.argv.includes('dev') ? '' : process.env.BASE_PATH
 		}
 	},

diff --git a/tsconfig.json b/tsconfig.json
@@ -17,4 +17,4 @@
 	//
 	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
 	// from the referenced tsconfig.json - TypeScript does not merge them in
-}
+}
diff --git a/vite.config.ts b/vite.config.ts
@@ -2,5 +2,5 @@ import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-	plugins: [sveltekit()],
+	plugins: [sveltekit()]
 });
-Original file line number
+Diff line change
@@ Expand Up / @@ -17,4 +17,4 @@ @@
     	//
     	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
     	// from the referenced tsconfig.json - TypeScript does not merge them in
-    }
+    }