added some css

2022-05-10 23:19:31 +02:00
parent a11349e456
commit 3c5d62f86d
4 changed files with 55 additions and 17 deletions
--- a/web/opener/Text.svelte
+++ b/web/opener/Text.svelte
@@ -12,7 +12,35 @@ import { onMount } from "svelte";
 	});
 </script>

-<div>
-	Text opener
+<div class="container" >
+	<header>{filename}</header>
 	<pre><code>{ content }</code></pre>
 </div>
+
+<style>
+	code{
+		color: #c9d1d9;
+	}
+
+	pre{
+		padding: 1rem;
+	}
+
+	header{
+		font-size: 1.5rem;
+		font-weight: bold;
+		margin-bottom: 1rem;
+		color: #58a6ff;
+		border-bottom: solid 1px #1f6feb;
+		
+		padding: 1rem;
+	}
+
+	.container{
+		border-width: 2px;
+		border-color: #1f6feb;
+		border-style: solid;
+		border-radius: 5px;
+	}
+	
+</style>