Dynamic height adjustment for widget size. CSS inject by JS for single file

1 files changed, 13 insertions, 6 deletions

diff --git a/src/index.css b/src/index.css
index e3beb23..39f436b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4,11 +4,6 @@
 @tailwind components;
 @tailwind utilities;
 
-#testD4rN {
-  max-width: 800px;
-  max-height: 400px !important;
-}
-
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
@@ -145,4 +140,16 @@
   body {
     @apply bg-background text-foreground;
   }
-}
\ No newline at end of file
+}
+
+#testD4rN {
+  /*max-width: 800px;*/
+  /*max-height: 400px !important;*/
+
+  height: 500px;
+  width: 800px;
+  border: 1px solid red;
+  position: absolute;
+  top: 80px;
+  left: 80px;
+}