mirror of
https://github.com/usebruno/bruno.git
synced 2024-12-22 23:02:40 +01:00
UX - improvements Input Placeholders (#2780)
* add placeholders * placeholders for clone collection * placeholders for inputs, placeholder-global-opacity, change cursor type for clickables * revert placeholders for collection creation and collection cloning * revert c-placeholder * revert: cliert cert placeholder
This commit is contained in:
parent
9fdfee0083
commit
edb8708dde
@ -74,6 +74,7 @@ const PresetsSettings = ({ collection }) => {
|
||||
id="request-url"
|
||||
type="text"
|
||||
name="requestUrl"
|
||||
placeholder='Enter Request URL'
|
||||
className="block textbox"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
|
@ -58,6 +58,7 @@ const CloneCollectionItem = ({ collection, item, onClose }) => {
|
||||
id="collection-item-name"
|
||||
type="text"
|
||||
name="name"
|
||||
placeholder='Enter Item name'
|
||||
ref={inputRef}
|
||||
className="block textbox mt-2 w-full"
|
||||
autoComplete="off"
|
||||
|
@ -91,13 +91,13 @@ const Collections = () => {
|
||||
<input
|
||||
type="text"
|
||||
name="search"
|
||||
placeholder="search"
|
||||
id="search"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
autoCapitalize="off"
|
||||
spellCheck="false"
|
||||
className="block w-full pl-7 py-1 sm:text-sm"
|
||||
placeholder="search"
|
||||
value={searchText}
|
||||
onChange={(e) => setSearchText(e.target.value.toLowerCase())}
|
||||
/>
|
||||
|
@ -160,7 +160,7 @@ const ImportCollectionLocation = ({ onClose, handleSubmit, collectionName, trans
|
||||
type="text"
|
||||
name="collectionLocation"
|
||||
readOnly={true}
|
||||
className="block textbox mt-2 w-full"
|
||||
className="block textbox mt-2 w-full cursor-pointer"
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
autoCapitalize="off"
|
||||
|
@ -229,6 +229,7 @@ const NewRequest = ({ collection, item, isEphemeral, onClose }) => {
|
||||
id="request-name"
|
||||
type="text"
|
||||
name="requestName"
|
||||
placeholder="Enter Request Name"
|
||||
ref={inputRef}
|
||||
className="block textbox mt-2 w-full"
|
||||
autoComplete="off"
|
||||
@ -261,6 +262,7 @@ const NewRequest = ({ collection, item, isEphemeral, onClose }) => {
|
||||
id="request-url"
|
||||
type="text"
|
||||
name="requestUrl"
|
||||
placeholder="Enter Request URL"
|
||||
className="px-3 w-full "
|
||||
autoComplete="off"
|
||||
autoCorrect="off"
|
||||
|
@ -38,6 +38,11 @@ body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
input::placeholder {
|
||||
color: #a2a2a2;
|
||||
opacity: 50%;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user