vikunja
/
vikunja
6
43
Fork 71
Code Issues 152 Pull Requests 18 Packages Releases 32 Activity

feat: change list-content style (#91) 

Co-authored-by: thelicato <thelicato@users.noreply.github.com>
Reviewed-on: https://github.com/go-vikunja/frontend/pull/91
This commit is contained in:
Angelo Delicato 2022-11-17 17:34:40 +01:00 committed by kolaente
parent b42e4cca59
commit 4b47478440
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/list/partials/list-card.vue
View File

@ -5,7 +5,7 @@
'has-background': blurHashUrl !== '' || background !== null,
}"
:style="{
'background-color': list.hexColor,
'border-color': `${list.hexColor}`,
'background-image': blurHashUrl !== null ? `url(${blurHashUrl})` : false,
}"
:to="{ name: 'list.index', params: { listId: list.id} }"
@ -85,6 +85,7 @@ async function loadBackground() {
}
const listStore = useListStore()
</script>
<style lang="scss" scoped>
@ -92,6 +93,8 @@ const listStore = useListStore()
cursor: pointer;
width: calc((100% - #{($lists-per-row - 1) * 1rem}) / #{$lists-per-row});
height: $list-height;
border-left-width: 0.8rem;
border-left-style: solid;
background: var(--white);
margin: 0 $list-spacing $list-spacing 0;
border-radius: $radius;
@ -172,8 +175,9 @@ const listStore = useListStore()
.list-content {
display: flex;
align-content: space-between;
align-content: flex-start;
flex-wrap: wrap;
row-gap: 0.8rem;
padding: 1rem;
position: absolute;
height: 100%;
@ -202,7 +206,7 @@ const listStore = useListStore()
}
.title {
align-self: flex-end;
align-self: flex-start;
font-family: $vikunja-font;
font-weight: 400;
font-size: 1.5rem;