add options to style the component

codesyntax · Nov 3, 2023 · a81054b · a81054b
1 parent f76ce18
commit a81054b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/euskalmet.js b/src/euskalmet.js
@@ -14,8 +14,13 @@ const AVAILABLE_LANGUAGES = {
 const template = document.createElement('template');
 
 template.innerHTML = `
-  <style type="text/css">
+  <style>
+    .euskalmet .euskalmet-forecast-day {
+      padding: var(--euskalmet-forecast-day-padding, 1rem 1rem);
+      text-align: var(--euskalmet-forecast-day-text-align, center)
+    }
     .euskalmet-body { display: flex };
+
   </style>
   <div class="euskalmet">
     <div class="euskalmet-inner">

diff --git a/src/index.html b/src/index.html
@@ -10,7 +10,7 @@
   </head>
 
   <body class="container">
-    <script src="./euskalmet.js?"></script>
+    <script src="./euskalmet.js?p"></script>
 
     <h1>Euskalmeten eguraldi iragarpena zure webgunean</h1>