james/yarr
4
0
Fork 0
mirror of https://github.com/nkanaev/yarr.git synced 2025-05-24 00:33:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

set article view width limit

Browse Source
This commit is contained in:
Nazar Kanaev 2023-01-29 14:28:43 +00:00
parent 91da774286
commit bd6322e533
2 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/assets/index.html
View File

@ -334,17 +334,19 @@
class="content px-4 pt-3 pb-5 border-top overflow-auto" class="content px-4 pt-3 pb-5 border-top overflow-auto"
:class="{'font-serif': theme.font == 'serif', 'font-monospace': theme.font == 'monospace'}" :class="{'font-serif': theme.font == 'serif', 'font-monospace': theme.font == 'monospace'}"
:style="{'font-size': theme.size + 'rem'}"> :style="{'font-size': theme.size + 'rem'}">
<h1><b>{{ itemSelectedDetails.title || 'untitled' }}</b></h1> <div class="content-wrapper">
<div class="text-muted"> <h1><b>{{ itemSelectedDetails.title || 'untitled' }}</b></h1>
<div>{{ feedsById[itemSelectedDetails.feed_id].title }}</div> <div class="text-muted">
<time>{{ formatDate(itemSelectedDetails.date) }}</time> <div>{{ feedsById[itemSelectedDetails.feed_id].title }}</div>
<time>{{ formatDate(itemSelectedDetails.date) }}</time>
</div>
<hr>
<div v-if="!itemSelectedReadability">
<img :src="itemSelectedDetails.image" v-if="itemSelectedDetails.image" class="mb-3">
<audio class="w-100" controls v-if="itemSelectedDetails.podcast_url" :src="itemSelectedDetails.podcast_url"></audio>
</div>
<div v-html="itemSelectedContent"></div>
</div> </div>
<hr>
<div v-if="!itemSelectedReadability">
<img :src="itemSelectedDetails.image" v-if="itemSelectedDetails.image" class="mb-3">
<audio class="w-100" controls v-if="itemSelectedDetails.podcast_url" :src="itemSelectedDetails.podcast_url"></audio>
</div>
<div v-html="itemSelectedContent"></div>
</div> </div>
</div> </div>
<modal :open="!!settings" @hide="settings = ''"> <modal :open="!!settings" @hide="settings = ''">

5
src/assets/stylesheets/app.css
View File

@ -353,6 +353,11 @@ select.form-control:not([multiple]):not([size]) {
line-height: 1.5; line-height: 1.5;
} }
.content-wrapper {
max-width: 60rem;
margin: 0 auto;
}
.content img, .content video { .content img, .content video {
max-width: 100%; max-width: 100%;
height: auto; height: auto;