mirror of
https://github.com/advplyr/audiobookshelf.git
synced 2025-08-30 06:39:37 +02:00
Change: UI to display correctly on mobile #162
This commit is contained in:
parent
b0ea2f8008
commit
b827667a72
30 changed files with 239 additions and 102 deletions
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="bookshelf overflow-hidden relative block max-h-full">
|
||||
<div id="bookshelf" class="bookshelf overflow-hidden relative block max-h-full">
|
||||
<div ref="wrapper" class="h-full w-full relative" :class="isGridMode ? 'overflow-y-scroll' : 'overflow-hidden'">
|
||||
<!-- Cover size widget -->
|
||||
<div v-show="!isSelectionMode && isGridMode" class="fixed bottom-2 right-4 z-30">
|
||||
|
@ -362,9 +362,16 @@ export default {
|
|||
|
||||
<style>
|
||||
.bookshelf {
|
||||
height: calc(100% - 40px);
|
||||
/* height: calc(100% - 40px); */
|
||||
width: calc(100vw - 80px);
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.bookshelf {
|
||||
/* height: calc(100% - 80px); */
|
||||
width: 100vw;
|
||||
}
|
||||
}
|
||||
|
||||
.bookshelfRow {
|
||||
background-image: url(/wood_panels.jpg);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue