diff options
author | Andrew Dolgov <[email protected]> | 2020-04-21 12:30:21 +0300 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2020-04-21 12:30:21 +0300 |
commit | 7586dc5145f7e6527290464ba8408a0785fed0c1 (patch) | |
tree | 8930519eeb1a4fb7ee586ca40fa456516dc145ef | |
parent | 2c721e03a9ecee20f487568657c0aa8daa922e6c (diff) |
add column hack for not-quite-768px breakpoint devices
-rw-r--r-- | css/index.css | 6 | ||||
-rw-r--r-- | index.php | 2 | ||||
-rw-r--r-- | js/app.js | 2 |
3 files changed, 8 insertions, 2 deletions
diff --git a/css/index.css b/css/index.css index 144d5e0..66792cf 100644 --- a/css/index.css +++ b/css/index.css @@ -13,6 +13,12 @@ margin-bottom : 0; } +@media(max-width: 641px) { + .row .col-xxs-6 { + width: 50%; + } +} + .row .thumbnail img { width : 100%; height : 100%; @@ -262,7 +262,7 @@ $data_sth->execute([$line['id']]); ?> - <div class="col-xs-6 col-sm-3 col-md-2" id="cell-<?php echo $line["id"] ?>"> + <div class="col-xxs-6 col-xs-3 col-sm-3 col-md-2" id="cell-<?php echo $line["id"] ?>"> <?php if ($read_link) { ?> <a class="thumbnail <?php echo $cover_class ?>" href="<?php echo $read_link ?>"> <?php } else { ?> @@ -416,7 +416,7 @@ const App = { const series_link = info.series_name ? `<div><a class="series_link" href="#">${info.series_name + " [" + info.series_index + "]"}</a></div>` : "";
- const cell = $(`<div class="col-xs-6 col-sm-3 col-md-2" id="cell-${info.id}">
+ const cell = $(`<div class="col-xxs-6 col-xs-4 col-sm-3 col-md-2" id="cell-${info.id}">
<a class="thumbnail ${thumb_class}" href="read.html?id=${info.epub_id}&b=${info.id}">
<img style="display : none">
</a>
|