mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-02-21 02:56:40 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: fix value survey styles

Browse source
This commit is contained in:
Mutasem 2023-07-27 13:50:25 +02:00
parent a81fdca7bf
commit 67ec49228f
2 changed files with 21 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/editor-ui/src/components/ModalDrawer.vue
View file

@ -40,7 +40,8 @@ export default defineComponent({
type: Object as PropType<EventBus>, type: Object as PropType<EventBus>,
}, },
direction: { direction: {
type: String, type: String as PropType<'ltr' | 'rtl' | 'ttb' | 'btt'>,
required: true,
}, },
modal: { modal: {
type: Boolean, type: Boolean,

46
packages/editor-ui/src/components/ValueSurvey.vue
View file

@ -7,7 +7,7 @@
:wrapperClosable="false" :wrapperClosable="false"
direction="btt" direction="btt"
width="120px" width="120px"
class="value-survey" :class="$style.valueSurvey"
> >
<template #header> <template #header>
<div :class="$style.title"> <div :class="$style.title">
@ -254,10 +254,9 @@ export default defineComponent({
.disclaimer { .disclaimer {
margin-top: var(--spacing-4xs); margin-top: var(--spacing-4xs);
} }
</style>
<style lang="scss"> .valueSurvey {
.value-survey { background: var(--color-background-dark);
height: 120px; height: 120px;
top: auto; top: auto;
@ -265,32 +264,25 @@ export default defineComponent({
height: 140px; height: 140px;
} }
.el-drawer { @media (max-width: $breakpoint-xs) {
background: var(--color-background-dark); height: 140px !important;
}
@media (max-width: $breakpoint-xs) { header {
height: 140px !important; height: 50px;
} margin: 0;
padding: 18px 0 16px;
&__header { button { // close
height: 50px; top: 12px;
margin: 0; right: 16px;
padding: 18px 0 16px; position: absolute;
font-weight: var(--font-weight-bold);
color: var(--color-text-xlight);
.el-drawer__close-btn { @media (max-width: $breakpoint-xs) {
top: 12px; top: 2px;
right: 16px; right: 2px;
position: absolute;
@media (max-width: $breakpoint-xs) {
top: 2px;
right: 2px;
}
}
.el-dialog__close {
font-weight: var(--font-weight-bold);
color: var(--color-text-xlight);
} }
} }
} }