feat: Replace border-gray-300 with border-neutral (#716)
This commit is contained in:
@@ -44,7 +44,7 @@ export const FloatingLabelInput: FunctionComponent<Props> = forwardRef(
|
|||||||
|
|
||||||
const INPUT_CLASSNAME = `w-full h-full ${
|
const INPUT_CLASSNAME = `w-full h-full ${
|
||||||
focused || value ? 'pt-6 pb-2' : 'py-2.5'
|
focused || value ? 'pt-6 pb-2' : 'py-2.5'
|
||||||
} px-3 text-input border-1 border-solid border-gray-300 rounded placeholder-medium text-input focus:ring-info ${
|
} px-3 text-input border-1 border-solid border-neutral rounded placeholder-medium text-input focus:ring-info ${
|
||||||
isInvalid ? 'border-dark-red placeholder-dark-red' : ''
|
isInvalid ? 'border-dark-red placeholder-dark-red' : ''
|
||||||
} ${inputClassName}`;
|
} ${inputClassName}`;
|
||||||
|
|
||||||
|
|||||||
@@ -17,7 +17,7 @@ export const NotesListOptionsMenu: FunctionComponent<Props> = observer(
|
|||||||
({ setShowMenuFalse, application }) => {
|
({ setShowMenuFalse, application }) => {
|
||||||
const menuClassName =
|
const menuClassName =
|
||||||
'sn-dropdown sn-dropdown--animated min-w-70 overflow-y-auto \
|
'sn-dropdown sn-dropdown--animated min-w-70 overflow-y-auto \
|
||||||
border-1 border-solid border-gray-300 text-sm z-index-dropdown-menu \
|
border-1 border-solid border-neutral text-sm z-index-dropdown-menu \
|
||||||
flex flex-col py-2 bottom-0 left-2 absolute';
|
flex flex-col py-2 bottom-0 left-2 absolute';
|
||||||
const [sortBy, setSortBy] = useState(() =>
|
const [sortBy, setSortBy] = useState(() =>
|
||||||
application.getPreference(PrefKey.SortNotesBy, CollectionSort.CreatedAt)
|
application.getPreference(PrefKey.SortNotesBy, CollectionSort.CreatedAt)
|
||||||
|
|||||||
@@ -36,7 +36,7 @@ export const PurchaseFlowView: FunctionComponent<PurchaseFlowViewProps> =
|
|||||||
return (
|
return (
|
||||||
<div className="flex items-center justify-center h-full w-full absolute top-left-0 z-index-purchase-flow bg-grey-2">
|
<div className="flex items-center justify-center h-full w-full absolute top-left-0 z-index-purchase-flow bg-grey-2">
|
||||||
<div className="relative fit-content">
|
<div className="relative fit-content">
|
||||||
<div className="relative p-12 mb-4 bg-default border-1 border-solid border-gray-300 rounded">
|
<div className="relative p-12 mb-4 bg-default border-1 border-solid border-neutral rounded">
|
||||||
<SNLogoFull className="mb-5" />
|
<SNLogoFull className="mb-5" />
|
||||||
<PurchaseFlowPaneSelector
|
<PurchaseFlowPaneSelector
|
||||||
currentPane={currentPane}
|
currentPane={currentPane}
|
||||||
|
|||||||
@@ -28,7 +28,7 @@
|
|||||||
.sn-menu-border {
|
.sn-menu-border {
|
||||||
@extend .border-1;
|
@extend .border-1;
|
||||||
@extend .border-solid;
|
@extend .border-solid;
|
||||||
@extend .border-gray-300;
|
@extend .border-neutral;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sn-account-menu-headline {
|
.sn-account-menu-headline {
|
||||||
|
|||||||
@@ -82,7 +82,7 @@
|
|||||||
@extend .text-input;
|
@extend .text-input;
|
||||||
@extend .color-text;
|
@extend .color-text;
|
||||||
@extend .border-solid;
|
@extend .border-solid;
|
||||||
@extend .border-gray-300;
|
@extend .border-neutral;
|
||||||
@extend .border-1;
|
@extend .border-1;
|
||||||
@extend .min-w-55;
|
@extend .min-w-55;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user