local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

feat: moved some card.scss styles to the card.vue component

Browse source
This commit is contained in:
Dominik Pschenitschni 2021-10-18 14:18:49 +02:00
parent 1f5283d548
commit a33758e37e
No known key found for this signature in database
GPG key ID: B257AC0149F43A77
4 changed files with 27 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/misc/card.vue
View file

@ -54,3 +54,25 @@ export default {
emits: ['close'], emits: ['close'],
} }
</script> </script>
<style lang="scss" scoped>
.card {
background-color: $white;
border-radius: $radius;
margin-bottom: 1rem;
border: 1px solid $grey-200;
box-shadow: $shadow-sm;
}
.card-header {
box-shadow: none;
border-bottom: 1px solid $grey-200;
border-radius: $radius $radius 0 0;
}
// FIXME: should maybe be merged somehow with modal
::v-deep.modal-card-foot {
background-color: $grey-50;
border-top: 0;
}
</style>

1
src/styles/components/base/_index.scss
View file

@ -1,4 +1,3 @@
@import 'card';
@import 'fancycheckbox'; @import 'fancycheckbox';
@import 'multiselect'; @import 'multiselect';
@import 'scrollbars'; @import 'scrollbars';

27
src/styles/components/base/card.scss
View file

@ -1,27 +0,0 @@
.card {
background-color: $white;
border-radius: $radius;
margin-bottom: 1rem;
.card-image {
img {
border-radius: $radius $radius 0 0;
}
}
.card-header {
box-shadow: none;
border-bottom: 1px solid $grey-200;
border-radius: $radius $radius 0 0;
}
.modal-card-foot {
background: $grey-50;
border-top: 0;
}
}
.box, .card {
border: 1px solid $grey-200;
box-shadow: $shadow-sm;
}

5
src/styles/theme/theme.scss
View file

@ -147,3 +147,8 @@ button.table {
.dragging-disabled .handle { .dragging-disabled .handle {
opacity: 0 !important; opacity: 0 !important;
} }
.box {
border: 1px solid $grey-200;
box-shadow: $shadow-sm;
}