fix: input width

GeekyEggo · Aug 14, 2024 · 10293fb · 10293fb
1 parent 50fbecd
commit 10293fb
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 18 deletions.
diff --git a/example/manifest.json b/example/manifest.json
@@ -1,6 +1,8 @@
 {
+    "$schema": "https://schemas.elgato.com/streamdeck/plugins/manifest.json",
+    "UUID": "com.geekyeggo.sdpi.counter",
     "Name": "Counter",
-    "Version": "1.0.0",
+    "Version": "1.0.0.0",
     "Author": "Richard Herman",
     "Actions": [
         {
@@ -18,7 +20,7 @@
             },
             "States": [
                 {
-                    "FontSize": "18",
+                    "FontSize": 18,
                     "Image": "imgs/counter/image",
                     "TitleAlignment": "middle"
                 }
@@ -32,7 +34,7 @@
     "Icon": "imgs/plugin/icon",
     "SDKVersion": 2,
     "Software": {
-        "MinimumVersion": "4.1"
+        "MinimumVersion": "6.4"
     },
     "OS": [
         {
@@ -44,4 +46,4 @@
             "MinimumVersion": "10"
         }
     ]
-}
+}
diff --git a/example/pi/sdpi-components.js b/example/pi/sdpi-components.js
diff --git a/src/components/sdpi-item.ts b/src/components/sdpi-item.ts
@@ -29,14 +29,13 @@ export class SdpiItem extends LitElement {
 				font-family: var(--font-family);
 				font-size: var(--font-size);
 				margin: 0 0 10px 0;
-				max-width: 322px;
 				-webkit-user-drag: none;
 			}
 
 			.grid {
 				align-items: start;
 				display: grid;
-				grid-template-columns: 95px 1fr;
+				grid-template-columns: 95px 241px;
 			}
 
 			.label {

diff --git a/src/mixins/delegate.ts b/src/mixins/delegate.ts
@@ -17,10 +17,6 @@ export const Delegate = <
 			return [
 				...asArray(super.styles),
 				css`
-					.container {
-						width: var(--input-width);
-					}
-
 					label {
 						align-self: center;
 						background-color: var(--input-bg-color);

diff --git a/src/styles/host.ts b/src/styles/host.ts
@@ -20,7 +20,6 @@ export const hostStyle = css`
 		--font-size: 9pt;
 
 		/* Pre-determined dimensions */
-		--input-width: 227px;
 		--input-height: 30px;
 	}
 `;