KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

Reduce size of list header

Browse Source
This commit is contained in:
Kevin
2022-07-26 00:20:43 +02:00
parent 92a9ccd470
commit df0432a99f
1 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ListHeader.vue
View File

@@ -54,10 +54,10 @@ export default {
} }
}, },
computed: { computed: {
urlify: function() { urlify: function () {
return `/list/${this.title.toLowerCase().replace(" ", "_")}`; return `/list/${this.title.toLowerCase().replace(" ", "_")}`;
}, },
prettify: function() { prettify: function () {
return this.title.includes("_") return this.title.includes("_")
? this.title.split("_").join(" ") ? this.title.split("_").join(" ")
: this.title; : this.title;
@@ -73,12 +73,10 @@ export default {
header { header {
width: 100%; width: 100%;
min-height: 80px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding-left: 0.75rem; padding: 0.5rem 0.75rem;
padding-right: 0.75rem;
&.sticky { &.sticky {
background-color: $background-color; background-color: $background-color;