Add html’s doctype and meta tag for responsive design

carlosarguelles · Feb 12, 2024 · 5707ec0 · 5707ec0
1 parent f727dea
commit 5707ec0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/templates/chat.templ b/templates/chat.templ
@@ -4,10 +4,12 @@ import "github.com/carlosarguelles/messages/internal"
 import "fmt"
 
 templ Chat(chat internal.Chat, username string, messages []internal.Message) {
+	<!DOCTYPE html>
 	<html lang="en">
 		<head>
 			<meta charset="UTF-8"/>
 			<title>{ chat.Name }</title>
+			<meta name="viewport" content="width=device-width, initial-scale=1"/>
 			<script src="https://unpkg.com/[email protected]"></script>
 			<script src="https://unpkg.com/htmx.org/dist/ext/ws.js"></script>
 			<link rel="stylesheet" href="/public/css/main.css"/>

diff --git a/templates/create_chat.templ b/templates/create_chat.templ
@@ -1,10 +1,12 @@
 package templates
 
 templ CreateChat() {
+	<!DOCTYPE html>
 	<html lang="en">
 		<head>
 			<meta charset="UTF-8"/>
 			<title>New Chat</title>
+			<meta name="viewport" content="width=device-width, initial-scale=1"/>
 			<script src="https://unpkg.com/[email protected]"></script>
 			<script src="https://unpkg.com/htmx.org/dist/ext/ws.js"></script>
 			<link rel="stylesheet" href="/public/css/main.css"/>