fix: Update broken styles in the editor (#5183)

This commit is contained in:
Sivin Varghese 2022-08-03 15:04:32 +05:30 committed by GitHub
parent f7d4f39b5c
commit 262458f07d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 16 deletions

View file

@ -157,4 +157,12 @@ export default {
color: var(--s-600);
}
}
.input-container::v-deep {
margin: 0 0 var(--space-normal);
input {
margin-bottom: 0;
}
}
</style>

View file

@ -117,6 +117,8 @@ export default {
color: var(--r-500);
}
.input-group {
display: flex;
align-items: baseline;
border-bottom: 1px solid var(--color-border);
margin-bottom: var(--space-smaller);
margin-top: var(--space-smaller);
@ -126,6 +128,7 @@ export default {
background: transparent;
font-size: var(--font-size-mini);
font-weight: var(--font-weight-bold);
padding-left: 0;
}
.input-group-field::v-deep input {
margin-bottom: 0;

View file

@ -1,5 +1,5 @@
<template>
<label class="container">
<label class="input-container">
<span v-if="label">{{ label }}</span>
<input
:value="value"
@ -64,20 +64,10 @@ export default {
};
</script>
<style scoped lang="scss">
.container {
margin: 0 0 var(--space-normal);
input {
margin: 0;
}
.page-sub-title {
color: var(--s-600);
}
.help-text {
margin-top: var(--space-micro);
font-size: var(--font-size-mini);
color: var(--s-600);
font-style: normal;
}
.help-text {
margin-top: var(--space-micro);
font-size: var(--font-size-mini);
color: var(--s-600);
font-style: normal;
}
</style>