fix: respnsiveness

rajnandan1 · Nov 15, 2024 · a9602f5 · a9602f5
1 parent 0f5dd0f
commit a9602f5
Show file tree

Hide file tree

Showing 11 changed files with 313 additions and 364 deletions.
diff --git a/config/monitors.example.yaml b/config/monitors.example.yaml
diff --git a/config/site.example.yaml b/config/site.example.yaml
diff --git a/docs/embed.md b/docs/embed.md
@@ -23,10 +23,18 @@ Here is an example
 ```html
 <script
 	async
-	src="https://kener.ing/embed-okbookmarks/js?theme=light&monitor=http://localhost:3000/embed-okbookmarks"
+	src="https://kener.ing/embed-okbookmarks/js?theme=light&monitor=https://kener.ing/embed-okbookmarks"
 ></script>
 ```
 
+### Parameters
+
+You can pass the following parameters to the embed code
+
+-   `theme`: You can pass `light` or `dark` theme
+-   `monitor`: The monitor url
+-   `bgc`: Background color of the monitor. Only supports hex color codes. DO NOT include the `#` symbol
+
 Replace `[hostname]` with your kener hostname and `[tag]` with your monitor tag.
 
 ## Iframe
@@ -48,7 +56,7 @@ Here is an example
 
 ```html
 <iframe
-	src="http://localhost:3000/embed-okbookmarks?theme=light"
+	src="https://kener.ing/embed-okbookmarks?theme=light"
 	width="100%"
 	height="200"
 	allowfullscreen="allowfullscreen"
@@ -64,4 +72,4 @@ Replace `[hostname]` with your kener hostname and `[tag]` with your monitor tag.
 You can pass the following parameters to the embed code
 
 -   `theme`: You can pass `light` or `dark` theme
--   `monitor`: The monitor url
+-   `bgc`: Background color of the monitor. Only supports hex color codes. DO NOT include the `#` symbol
diff --git a/src/kener.css b/src/kener.css
@@ -135,6 +135,10 @@ section {
 .monitors-card .monitor:last-child {
 	border-bottom: none;
 }
+.monitors-card.embed .monitor {
+	padding: 0em 0.87em 0.875em 0.87em;
+	border-bottom: none;
+}
 
 /*Tag Color*/
 .tag-maintenance {