DebaucheryLibrarian
/
traxxx
2
1
Fork 1
Code Issues 37 Pull Requests 1 Releases Wiki Activity

Added browse text to stash link to clarify link.

This commit is contained in:
DebaucheryLibrarian 2021-03-20 23:27:53 +01:00
parent 819d53fc2b
commit 565cf551f0
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/components/users/stash.vue
View File

@ -6,6 +6,7 @@
class="stash-link nolink"
>
<h4 class="stash-name">{{ stash.name }}</h4>
<span class="stash-more">Browse</span>
</router-link>
<span class="header-actions noselect">
@ -154,18 +155,25 @@ export default {
.stash-header {
justify-content: space-between;
align-items: stretch;
padding: 0;
}
.stash-link {
display: inline-flex;
align-items: center;
flex-grow: 1;
display: inline-block;
text-decoration: none;
overflow: hidden;
&:hover .stash-more {
color: var(--primary);
}
}
.stash-name {
padding: .5rem;
display: inline-block;
padding: 0 .5rem;
margin: 0;
color: var(--shadow-strong);
white-space: nowrap;
@ -173,6 +181,13 @@ export default {
text-overflow: ellipsis;
}
.stash-more {
flex-shrink: 0;
margin: 0 0 0 .5rem;
color: var(--shadow);
font-size: .9rem;
}
.header-actions {
display: flex;
align-items: stretch;
@ -192,7 +207,7 @@ export default {
.stash-remove {
height: auto;
padding: 0 1rem 0 .75rem;
padding: 0 .5rem 0 .75rem;
fill: var(--shadow);
&:hover {