damus.io

damus.io website
git clone git://jb55.com/damus.io
Log | Files | Refs | README | LICENSE

responsive.css (654B)

      1 @media (max-width: 800px){
      2 	:root {
      3 		/* TODO font size should not be controlled by CSS:
      4 		 * Instead I would prefer user settings. The main reason is the font is
      5 		 * too small on my desktop when I use the app in column mode.
      6 		 */
      7 		--fsSmall:    10px;
      8 		--fsNormal:   14px;
      9 		--fsReduced:  12px;
     10 		--fsEnlarged: 16px;
     11 	}
     12 
     13 	/* Utility */
     14 	.vertical-hide {
     15 		display: none !important;
     16 	}
     17 
     18 	/* Application Framework */
     19 	#gnav {
     20 		display: initial;
     21 	}
     22 	#view {
     23 		flex: 1;
     24 		width: initial;
     25 		border-right: none;
     26 	}
     27 	#content header > label {
     28 	    padding: 12px;
     29 	}
     30 
     31 	/* Event */
     32 	.pfp { /* TODO sync up with userpic */
     33 		width: 44px;
     34 		height: 44px;
     35 	}
     36 }