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

ui tweaks

Browse Source
This commit is contained in:
Nazar Kanaev 2020-07-31 21:03:52 +01:00
parent cd6d75a076
commit eaadafafb4
2 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
template/index.html
View File

@ -8,8 +8,7 @@
<link rel="icon shortcut" href="./static/images/anchor.png"> <link rel="icon shortcut" href="./static/images/anchor.png">
</head> </head>
<body> <body>
<div class="container-fluid p-0" :class="'theme-' + settings.theme" id="app" v-cloak> <div class="wrapper d-flex vh-100" id="app" v-cloak>
<div class="wrapper d-flex vh-100 ">
<!-- feed list --> <!-- feed list -->
<div class="vh-100 position-relative overflow-auto border-right flex-shrink-0" :style="{width: feedListWidth+'px'}"> <div class="vh-100 position-relative overflow-auto border-right flex-shrink-0" :style="{width: feedListWidth+'px'}">
<drag :width="feedListWidth" @resize="resizeFeedList"></drag> <drag :width="feedListWidth" @resize="resizeFeedList"></drag>
@ -313,14 +312,13 @@
</div> </div>
</div> </div>
</div> </div>
</div> <script src="./static/javascripts/vue.min.js"></script>
<script src="./static/javascripts/vue.min.js"></script> <script src="./static/javascripts/popper.min.js"></script>
<script src="./static/javascripts/popper.min.js"></script> <!-- <script src="./static/javascripts/bootstrap.min.js"></script> -->
<!-- <script src="./static/javascripts/bootstrap.min.js"></script> --> <script src="./static/javascripts/bootstrap-vue.min.js"></script>
<script src="./static/javascripts/bootstrap-vue.min.js"></script> <script src="./static/javascripts/Readability.js"></script>
<script src="./static/javascripts/Readability.js"></script> <script src="./static/javascripts/purify.min.js"></script>
<script src="./static/javascripts/purify.min.js"></script> <script src="./static/javascripts/api.js"></script>
<script src="./static/javascripts/api.js"></script> <script src="./static/javascripts/app.js"></script>
<script src="./static/javascripts/app.js"></script>
</body> </body>
</html> </html>

6
template/static/javascripts/app.js
View File

@ -223,6 +223,12 @@ var vm = new Vue({
}, },
}, },
watch: { watch: {
'settings': {
deep: true,
handler: function(newVal) {
document.body.classList.value = 'theme-' + newVal.theme
},
},
'feedStats': { 'feedStats': {
deep: true, deep: true,
handler: debounce(function() { handler: debounce(function() {