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 13:47:54 +01:00
parent 88dc2033a7
commit 004aaef70b
3 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
template/index.html
View File

@ -183,6 +183,9 @@
</div> </div>
</div> </div>
<b-modal id="settings-modal" hide-header hide-footer lazy> <b-modal id="settings-modal" hide-header hide-footer lazy>
<button class="btn btn-link outline-none float-right p-2 mr-n2 mt-n2" style="line-height: 1" @click="$bvModal.hide('settings-modal')">
<span class="icon">{% inline "x.svg" %}</span>
</button>
<div v-if="settings=='create'"> <div v-if="settings=='create'">
<p class="cursor-default"><b>New Feed</b></p> <p class="cursor-default"><b>New Feed</b></p>
<form action="" @submit.prevent="createFeed(event)" class="mt-4"> <form action="" @submit.prevent="createFeed(event)" class="mt-4">

1
template/static/images/x.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
Side by Side

After

Width:  |  Height:  |  Size: 299 B

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

@ -251,6 +251,7 @@ select.form-control:not([multiple]):not([size]) {
margin-left: -.5rem; margin-left: -.5rem;
margin-right: -.5rem; margin-right: -.5rem;
border-radius: 3px; border-radius: 3px;
user-select: none;
cursor: default; cursor: default;
} }
@ -344,6 +345,10 @@ select.form-control:not([multiple]):not([size]) {
outline: none; outline: none;
} }
.selectgroup-label, .toolbar-item, .toolbar-search, .list-row {
transition: background-color .1s ease-out;
}
/* content */ /* content */
.content { .content {