Small fixes

joeychilson · Dec 21, 2023 · 80574d6 · 80574d6
1 parent 86beefc
commit 80574d6
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 4 deletions.
diff --git a/assets/app.css b/assets/app.css
@@ -659,6 +659,10 @@ video {
   margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
+.break-words {
+  overflow-wrap: break-word;
+}
+
 .rounded-md {
   border-radius: 0.375rem;
 }

diff --git a/components/comments.templ b/components/comments.templ
@@ -23,7 +23,7 @@ templ Comments(comments []types.Item, level int) {
 					| { time.Unix(comment.Time, 0).Format("2006-01-02 15:04:05") }
 				</span>
 			</div>
-			<p class="text-sm">
+			<p class="text-sm word-wrap break-words overflow-wrap break-word">
 				{ comment.Text }
 			</p>
 			<div class="mt-2">

diff --git a/components/comments_templ.go b/components/comments_templ.go
diff --git a/layouts/default.templ b/layouts/default.templ
@@ -12,7 +12,9 @@ templ Default(title string) {
 					{ "Hacker News" }
 				}
 			</title>
-			<link href="/assets/app.css" rel="stylesheet"/>
+			<meta name="description" content="A Hacker News clone using go, templ, tailwind and no JS."/>
+			<meta name="viewport" content="width=device-width, initial-scale=1"/>
+			<link rel="stylesheet" href="/assets/app.css"/>
 		</head>
 		@components.Header()
 		<body class="bg-gray-100">

diff --git a/layouts/default_templ.go b/layouts/default_templ.go