comparison mod_http_oauth2/html/style.css @ 5627:3a5cf8d80089

mod_http_oauth2: Tweak method of centering the UI The percentage here was relative to the viewport width, which on some very wide screens may put the UI slightly outside of the view, requiring scrolling to see. By using a unit relative to the height of the viewport, this is avoided and should work better. But no guarantees, it's still possible to resize the browser or adjust font sizes so that the UI goes out of view.
author Kim Alvefur <zash@zash.se>
date Mon, 31 Jul 2023 07:28:09 +0200
parents e86a1018cdb3
children 429cc52c3ce8
comparison
equal deleted inserted replaced
5626:a44af1b646f5 5627:3a5cf8d80089
1 body 1 body
2 { 2 {
3 margin-top:14%;
4 text-align:center; 3 text-align:center;
5 background-color:#f8f8f8; 4 background-color:#f8f8f8;
6 font-family:sans-serif 5 font-family:sans-serif
7 } 6 }
8 7
104 } 103 }
105 } 104 }
106 105
107 @media(min-width: 768px) 106 @media(min-width: 768px)
108 { 107 {
108 body {
109 margin-top:14vh;
110 }
109 header, main, footer 111 header, main, footer
110 { 112 {
111 margin-left: auto; 113 margin-left: auto;
112 margin-right: auto; 114 margin-right: auto;
113 } 115 }