styles: reduce spacing when note has no tags
This commit is contained in:
@@ -16,7 +16,7 @@ export const AutocompleteTagInput: FunctionalComponent<Props> = ({
|
|||||||
application,
|
application,
|
||||||
appState,
|
appState,
|
||||||
}) => {
|
}) => {
|
||||||
const { tagElements } = appState.activeNote;
|
const { tagElements, tags } = appState.activeNote;
|
||||||
|
|
||||||
const [searchQuery, setSearchQuery] = useState('');
|
const [searchQuery, setSearchQuery] = useState('');
|
||||||
const [dropdownVisible, setDropdownVisible] = useState(false);
|
const [dropdownVisible, setDropdownVisible] = useState(false);
|
||||||
@@ -89,7 +89,7 @@ export const AutocompleteTagInput: FunctionalComponent<Props> = ({
|
|||||||
}, [tagResults, searchQuery]);
|
}, [tagResults, searchQuery]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<form onSubmit={onFormSubmit} className="mt-2">
|
<form onSubmit={onFormSubmit} className={`${tags.length > 0 ? 'mt-2' : ''}`}>
|
||||||
<Disclosure open={dropdownVisible} onChange={showDropdown}>
|
<Disclosure open={dropdownVisible} onChange={showDropdown}>
|
||||||
<input
|
<input
|
||||||
ref={inputRef}
|
ref={inputRef}
|
||||||
|
|||||||
@@ -27,7 +27,7 @@
|
|||||||
#editor-title-bar.section-title-bar.w-full(
|
#editor-title-bar.section-title-bar.w-full(
|
||||||
ng-show='self.note && !self.note.errorDecrypting'
|
ng-show='self.note && !self.note.errorDecrypting'
|
||||||
)
|
)
|
||||||
div.flex.items-start.justify-between
|
div.flex.items-start.justify-between.h-8
|
||||||
div.flex-grow(
|
div.flex-grow(
|
||||||
ng-class="{'locked' : self.noteLocked}"
|
ng-class="{'locked' : self.noteLocked}"
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user