ui tweaks

This commit is contained in:
Nazar Kanaev
2020-07-27 14:56:52 +01:00
parent 617552a70a
commit 8715f65602
2 changed files with 31 additions and 17 deletions

View File

@@ -173,7 +173,8 @@
</div>
<b-modal id="settings-modal" hide-header hide-footer lazy>
<div v-if="settings=='create'">
<form action="" @submit.prevent="createFeed(event)">
<p class="cursor-default"><b>New Feed</b></p>
<form action="" @submit.prevent="createFeed(event)" class="mt-4">
<label for="feed-url">URL</label>
<input id="feed-url" name="url" type="url" class="form-control" required autocomplete="off">
<label for="feed-folder" class="mt-3">Folder</label>
@@ -185,20 +186,13 @@
</form>
</div>
<div v-else-if="settings=='manage'">
<div class="mb-5">
<form action="" @submit.prevent="createFolder(event)">
<label for="settings-new-folder">New Folder</label>
<div class="input-group">
<input id="settings-new-folder" type="text" class="form-control" name="title" required autocomplete="off">
<div class="input-group-append">
<button class="btn btn-default" type="submit">Add</button>
</div>
<p class="cursor-default"><b>Manage Feeds</b></p>
<div v-for="folder in foldersWithFeeds" class="mt-4" :key="folder.id">
<div class="list-row d-flex align-items-center">
<div class="w-100 text-truncate" v-if="folder.id">
<span class="icon mr-2">{% inline "folder.svg" %}</span>
{{ folder.title }}
</div>
</form>
</div>
<div v-for="folder in foldersWithFeeds" class="mb-4" :key="folder.id">
<div class="d-flex align-items-center">
<div class="w-100" v-if="folder.id"><b>{{ folder.title }}</b></div>
<div class="flex-shrink-0" v-if="folder.id">
<b-dropdown right no-caret lazy="true" variant="link" class="settings-dropdown" toggle-class="text-decoration-none">
<template v-slot:button-content>
@@ -214,8 +208,9 @@
</b-dropdown>
</div>
</div>
<div v-for="feed in folder.feeds" class="d-flex align-items-center" :key="feed.id">
<div class="w-100">
<div v-for="feed in folder.feeds" class="list-row d-flex align-items-center" :key="feed.id">
<div class="w-100 text-truncate">
<span class="icon mr-2">{% inline "rss.svg" %}</span>
{{ feed.title }}
</div>
<div class="flex-shrink-0">