web: a few responsive tweaks

This commit is contained in:
William Casarin 2022-11-12 14:41:42 -08:00
parent ddee626bf5
commit c9a46b48fd
2 changed files with 10 additions and 2 deletions

View file

@ -1,4 +1,11 @@
@media (max-width: 800px){ @media (max-width: 800px){
:root {
--fsSmall: 10px;
--fsNormal: 14px;
--fsReduced: 12px;
--fsEnlarged: 16px;
}
/* Utility */ /* Utility */
.vertical-hide { .vertical-hide {
display: none; display: none;
@ -16,6 +23,7 @@
/* Navigation */ /* Navigation */
#nav { #nav {
flex-flow: row; flex-flow: row;
border-top: 1px solid var(--clrBorder);
border-right: none; border-right: none;
} }
#nav > * { #nav > * {

View file

@ -4,8 +4,8 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Damus</title> <title>Damus</title>
<link rel="stylesheet" href="css/styles.css?v=109"> <link rel="stylesheet" href="css/styles.css?v=115">
<link rel="stylesheet" href="css/responsive.css?v=1"> <link rel="stylesheet" href="css/responsive.css?v=3">
<link rel="stylesheet" href="css/damus.css?v=211"> <link rel="stylesheet" href="css/damus.css?v=211">
<link rel="stylesheet" href="css/fontawesome.css?v=2"> <link rel="stylesheet" href="css/fontawesome.css?v=2">
<script defer src="js/ui/util.js?v=1"></script> <script defer src="js/ui/util.js?v=1"></script>