Updated project structure

README.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <img height="150" src="./icon_128.png">
+  <img height="150" src="./src/icon_128.png">
   <h1 align="center">LinkyLinky 4 Chrome</h1>
   <h3 align="center">A simple, privacy focused urls shortner</h3>
 </p>

src/index.html

@@ -6,7 +6,7 @@
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>LinkyLinky</title>
-	<link rel="stylesheet" href="./tailwind.css">
+	<link rel="stylesheet" href="./tmp.css">
 	<style>
 		body {
 			min-width: 400px;
@@ -54,7 +54,7 @@
 			<div id="target_container">
 				<div class="mt-1 flex rounded-md shadow-sm">
 					<input type="url" name="target" id="target" required
-						class="flex-1 min-w-0 block rounded-lg w-full px-3 py-2 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300"
+						class="flex-1 min-w-0 block border rounded-lg w-full px-3 py-2 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300 bg-gray-50"
 						placeholder="target url" />
 				</div>
 			</div>
@@ -65,7 +65,7 @@
 						https://kauf.es/
 					</span>
 					<input type="text" name="shortcode" id="shortcode"
-						class="flex-1 min-w-0 block w-full px-3 py-2 rounded-none rounded-r-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300"
+						class="flex-1 min-w-0 block w-full px-3 py-2 border-t border-b border-r rounded-none rounded-r-md focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300"
 						placeholder="custom url" />
 				</div>
 			</div>

tailwind.config.js

@@ -1,5 +1,7 @@
 module.exports = {
-  purge: [],
+  purge: [
+    './index.html'
+  ],
   darkMode: false, // or 'media' or 'class'
   theme: {
     extend: {},