CSS: expand #contents width on small screens (#4405)

The #contents div now takes the full width on small screens (< 1280px).
All page elements have a little more room, especially the video titles.
このコミットが含まれているのは:
Samantaz Fox 2024-02-18 23:56:53 +01:00
コミット c5a3112e49
この署名に対応する既知のキーがデータベースに存在しません
GPGキーID: F42821059186176E
2個のファイルの変更2行の追加3行の削除

ファイルの表示

@ -13,6 +13,7 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
margin: auto;
} }
.h-box { .h-box {

ファイルの表示

@ -27,8 +27,7 @@
<body class="<%= dark_mode.blank? ? "no" : dark_mode %>-theme"> <body class="<%= dark_mode.blank? ? "no" : dark_mode %>-theme">
<span style="display:none" id="dark_mode_pref"><%= dark_mode %></span> <span style="display:none" id="dark_mode_pref"><%= dark_mode %></span>
<div class="pure-g"> <div class="pure-g">
<div class="pure-u-1 pure-u-md-2-24"></div> <div class="pure-u-1 pure-u-xl-20-24" id="contents">
<div class="pure-u-1 pure-u-md-20-24" id="contents">
<div class="pure-g navbar h-box"> <div class="pure-g navbar h-box">
<% if navbar_search %> <% if navbar_search %>
<div class="pure-u-1 pure-u-md-4-24"> <div class="pure-u-1 pure-u-md-4-24">
@ -155,7 +154,6 @@
</footer> </footer>
</div> </div>
<div class="pure-u-1 pure-u-md-2-24"></div>
</div> </div>
<script src="/js/handlers.js?v=<%= ASSET_COMMIT %>"></script> <script src="/js/handlers.js?v=<%= ASSET_COMMIT %>"></script>
<script src="/js/themes.js?v=<%= ASSET_COMMIT %>"></script> <script src="/js/themes.js?v=<%= ASSET_COMMIT %>"></script>