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

some content styling

Browse Source
This commit is contained in:
Nazar Kanaev 2020-07-04 16:50:27 +01:00
parent e8c2c1e619
commit 5fc436a36b
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
template/index.html
View File

@ -94,14 +94,14 @@
<img src="./static/images/settings.svg" alt="" style="width: 20px; height: 20px;"> <img src="./static/images/settings.svg" alt="" style="width: 20px; height: 20px;">
</button> </button>
</div> </div>
<div v-if="itemSelected" class="px-3 pt-2 border-top overflow-auto"> <div v-if="itemSelected" class="px-3 pt-3 pb-5 border-top overflow-auto">
<h3>{{itemSelectedDetails.title}}</h3> <h3>{{itemSelectedDetails.title}}</h3>
<div class="text-muted"> <div class="text-muted">
<div>{{ feedsById[itemSelectedDetails.feed_id].title }}</div> <div>{{ feedsById[itemSelectedDetails.feed_id].title }}</div>
<time>{{ formatDate(itemSelectedDetails.date) }}</time> <time>{{ formatDate(itemSelectedDetails.date) }}</time>
</div> </div>
<hr> <hr>
<div> <div class="content">
<div v-html="itemSelectedDetails.content" v-if="itemSelectedDetails.content"></div> <div v-html="itemSelectedDetails.content" v-if="itemSelectedDetails.content"></div>
<div v-html="itemSelectedDetails.description" v-else-if="itemSelectedDetails.description"></div> <div v-html="itemSelectedDetails.description" v-else-if="itemSelectedDetails.description"></div>
</div> </div>

14
template/static/stylesheets/app.css
View File

@ -202,3 +202,17 @@ select.form-control:not([multiple]):not([size]) {
background: #f5f7f9; background: #f5f7f9;
box-shadow: none; box-shadow: none;
} }
.content a:hover {
text-decoration: none;
}
.content blockquote {
border-left: 3px solid #22262a;
padding-left: 1rem;
}
.content img {
width: 100%;
height: auto;
}