forked from DebaucheryLibrarian/traxxx
Added alert transfer tools. Removed stash and alert add-tiles in favor of more prominent heading buttons.
This commit is contained in:
parent
e7b72f5e99
commit
3dbb74a1dc
|
@ -12,6 +12,7 @@ assets/js/config/
|
||||||
!assets/js/config/default.js
|
!assets/js/config/default.js
|
||||||
/export*
|
/export*
|
||||||
/stashes*
|
/stashes*
|
||||||
|
/alerts*
|
||||||
*.heapprofile
|
*.heapprofile
|
||||||
*.heapsnapshot
|
*.heapsnapshot
|
||||||
.vscode
|
.vscode
|
||||||
|
|
|
@ -14,11 +14,13 @@
|
||||||
<div class="section-header">
|
<div class="section-header">
|
||||||
<h3 class="section-heading">Stashes</h3>
|
<h3 class="section-heading">Stashes</h3>
|
||||||
|
|
||||||
<Icon
|
<button
|
||||||
icon="plus3"
|
v-if="isMe"
|
||||||
class="header-add"
|
class="button button-secondary header-add"
|
||||||
@click="showAddStash = true"
|
@click="showAddStash = true"
|
||||||
/>
|
>
|
||||||
|
<Icon icon="plus3" />Add stash
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="section-body stashes nolist">
|
<ul class="section-body stashes nolist">
|
||||||
|
@ -35,6 +37,7 @@
|
||||||
/>
|
/>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
<!--
|
||||||
<li
|
<li
|
||||||
v-if="isMe"
|
v-if="isMe"
|
||||||
class="stashes-stash stashes-add"
|
class="stashes-stash stashes-add"
|
||||||
|
@ -42,6 +45,7 @@
|
||||||
>
|
>
|
||||||
<Icon icon="plus2" />
|
<Icon icon="plus2" />
|
||||||
</li>
|
</li>
|
||||||
|
-->
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<AddStash
|
<AddStash
|
||||||
|
@ -54,11 +58,13 @@
|
||||||
<div class="section-header">
|
<div class="section-header">
|
||||||
<h3 class="section-heading">Alerts</h3>
|
<h3 class="section-heading">Alerts</h3>
|
||||||
|
|
||||||
<Icon
|
<button
|
||||||
icon="plus3"
|
v-if="isMe"
|
||||||
class="header-add"
|
class="button button-secondary header-add"
|
||||||
@click="showAddAlert = true"
|
@click="showAddAlert = true"
|
||||||
/>
|
>
|
||||||
|
<Icon icon="plus3" />Set alert
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="section-body alerts nolist">
|
<ul class="section-body alerts nolist">
|
||||||
|
@ -74,12 +80,14 @@
|
||||||
/>
|
/>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
<!--
|
||||||
<li
|
<li
|
||||||
class="alerts-add"
|
class="alerts-add"
|
||||||
@click="showAddAlert = true"
|
@click="showAddAlert = true"
|
||||||
>
|
>
|
||||||
<Icon icon="plus2" />
|
<Icon icon="plus2" />
|
||||||
</li>
|
</li>
|
||||||
|
-->
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<AddAlert
|
<AddAlert
|
||||||
|
@ -186,7 +194,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 0 0 1rem 0;
|
margin: 0 1rem 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-body {
|
.section-body {
|
||||||
|
@ -201,14 +209,6 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-add {
|
.header-add {
|
||||||
height: auto;
|
|
||||||
padding: .5rem 1rem;
|
|
||||||
fill: var(--shadow);
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
fill: var(--primary);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.stashes-stash {
|
.stashes-stash {
|
||||||
|
|
|
@ -26,6 +26,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
border: none;
|
border: none;
|
||||||
background: none;
|
background: none;
|
||||||
padding: .5rem;
|
padding: .5rem;
|
||||||
|
@ -49,6 +51,11 @@
|
||||||
background: var(--shadow-weak);
|
background: var(--shadow-weak);
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
fill: var(--text-light);
|
||||||
|
margin-right: .5rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-secondary {
|
.button-secondary {
|
||||||
|
@ -57,12 +64,21 @@
|
||||||
&:hover:not(:disabled) {
|
&:hover:not(:disabled) {
|
||||||
color: var(--text-light);
|
color: var(--text-light);
|
||||||
background: var(--primary);
|
background: var(--primary);
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
fill: var(--text-light);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:disabled {
|
&:disabled {
|
||||||
color: var(--shadow-strong);
|
color: var(--shadow-strong);
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
fill: var(--primary);
|
||||||
|
margin-right: .5rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.album-toggle {
|
.album-toggle {
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
const fs = require('fs');
|
const fs = require('fs');
|
||||||
const knex = require('../knex');
|
const knex = require('../knex');
|
||||||
const args = require('../argv');
|
const args = require('../argv');
|
||||||
|
|
Loading…
Reference in New Issue