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

Improved sidebar search styling and behavior.

This commit is contained in:
DebaucheryLibrarian 2020-09-11 22:45:44 +02:00
parent 08db1d63bf
commit 4f29dd4f8c
3 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/components/filters/filter-bar.vue
View File

@ -286,6 +286,10 @@ export default {
} }
} }
.filters {
flex-shrink: 0;
}
.sort { .sort {
display: flex; display: flex;
align-items: center; align-items: center;

2
assets/components/header/search.vue
View File

@ -93,7 +93,7 @@ export default {
.search-input { .search-input {
height: 100%; height: 100%;
width: 100%; width: 100%;
padding: .5rem; padding: .5rem 0 .5rem .5rem;
border: none; border: none;
color: var(--text); color: var(--text);
background: var(--background); background: var(--background);

19
assets/components/sidebar/sidebar.vue
View File

@ -29,7 +29,10 @@
/> />
</div> </div>
<Search class="search-full" /> <Search
class="search"
@search="$emit('toggle', false)"
/>
<nav class="nav"> <nav class="nav">
<ul class="nolist"> <ul class="nolist">
@ -191,7 +194,7 @@ export default {
width: 100%; width: 100%;
position: absolute; position: absolute;
z-index: 10; z-index: 10;
background: var(--darken); background: var(--darken-weak);
} }
.sidebar { .sidebar {
@ -211,7 +214,6 @@ export default {
justify-content: space-between; justify-content: space-between;
height: 3rem; height: 3rem;
border-bottom: solid 1px var(--shadow-hint); border-bottom: solid 1px var(--shadow-hint);
margin: 0 0 .5rem 0;
} }
.sidebar-close { .sidebar-close {
@ -247,6 +249,17 @@ export default {
fill: var(--primary); fill: var(--primary);
} }
::v-deep .search {
height: 3rem;
border-bottom: solid 1px var(--shadow-hint);
padding: 0;
margin: 0 0 .5rem 0;
.search-input {
padding: .5rem 0 .5rem 1rem;
}
}
.nav-item { .nav-item {
display: block; display: block;
} }