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 2 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>,
},
direction: {
type: String,
type: String as PropType<'ltr' | 'rtl' | 'ttb' | 'btt'>,
required: true,
},
modal: {
type: Boolean,

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

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