smig/odin-codespace
1
0
Fork 0
mirror of https://gitea.smigz.com/smiggiddy/odin-codeprojects.git synced 2025-04-05 03:10:57 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: mobile styling

Browse source
This commit is contained in:
Mike 2025-01-01 20:39:19 -05:00
parent 30a4ac6326
commit 5e685faff0
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
nodejs-mini-message-board/src/public/styles.css
View file

@ -214,3 +214,12 @@ a {
.comment .material-symbols-outlined:hover { .comment .material-symbols-outlined:hover {
cursor: initial; cursor: initial;
} }
@media only screen and (max-width: 660px) {
/*@media (max-width: 600px) {*/
.card,
.form-item,
.comment-section {
max-width: 90vw;
}
}

3
nodejs-mini-message-board/src/views/header.ejs
View file

@ -2,11 +2,12 @@
<html> <html>
<head> <head>
<title>Message the people</title> <title>Message the people</title>
<link rel="stylesheet" href="/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Leckerli+One&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Leckerli+One&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=chat,comment,mode_comment" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=chat,comment,mode_comment" />
<link rel="stylesheet" href="/styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head> </head>
<body> <body>
<!-- this should be some stuff that loads --!> <!-- this should be some stuff that loads --!>