diff --git a/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardSplash.jsx b/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardSplash.jsx index 3693cff4..4e2cedca 100644 --- a/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardSplash.jsx +++ b/new-lamassu-admin/src/pages/Maintenance/Wizard/WizardSplash.jsx @@ -29,7 +29,7 @@ const WizardSplash = ({ name, onContinue }) => { bills before adding the new ones.

- diff --git a/new-lamassu-admin/src/pages/UserManagement/UserManagement.jsx b/new-lamassu-admin/src/pages/UserManagement/UserManagement.jsx index 488c420a..d7850b37 100644 --- a/new-lamassu-admin/src/pages/UserManagement/UserManagement.jsx +++ b/new-lamassu-admin/src/pages/UserManagement/UserManagement.jsx @@ -1,7 +1,6 @@ import { useQuery, useMutation, useLazyQuery, gql } from '@apollo/client' import Chip from '@mui/material/Chip' import Switch from '@mui/material/Switch' -import { makeStyles } from '@mui/styles' import { startAttestation } from '@simplewebauthn/browser' import * as R from 'ramda' import React, { useReducer, useState, useContext } from 'react' @@ -18,7 +17,6 @@ import AppContext from 'src/AppContext' import { ActionButton, Link } from 'src/components/buttons' import { IP_CHECK_REGEX } from 'src/utils/constants' -import styles from './UserManagement.styles' import ChangeRoleModal from './modals/ChangeRoleModal' import CreateUserModal from './modals/CreateUserModal' import EnableUserModal from './modals/EnableUserModal' @@ -26,7 +24,7 @@ import FIDOModal from './modals/FIDOModal' import Reset2FAModal from './modals/Reset2FAModal' import ResetPasswordModal from './modals/ResetPasswordModal' -const useStyles = makeStyles(styles) +import classes from './UserManagement.module.css' const GET_USERS = gql` query users { @@ -88,7 +86,6 @@ const roleMapper = { } const Users = () => { - const classes = useStyles() const { userData } = useContext(AppContext) const { data: userResponse } = useQuery(GET_USERS) diff --git a/new-lamassu-admin/src/pages/UserManagement/UserManagement.module.css b/new-lamassu-admin/src/pages/UserManagement/UserManagement.module.css new file mode 100644 index 00000000..604f6aa0 --- /dev/null +++ b/new-lamassu-admin/src/pages/UserManagement/UserManagement.module.css @@ -0,0 +1,134 @@ +.footer { + display: flex; + flex-direction: row; + margin: auto 0 24px 0; +} + +.modalTitle { + margin-top: -5px; + color: var(--zodiac); + font-family: var(--mont); +} + +.modalLabel1 { + margin-top: 20px; +} + +.modalLabel2 { + margin-top: 40px; +} + +.inputLabel { + color: var(--zodiac); + font-family: var(--mont); + font-size: 24px; + margin-left: 8px; + margin-top: 15px; +} + +.tableWidth { + width: 1132px; +} + +.radioGroup { + flex-direction: row; + width: 500px; +} + +.radioLabel { + width: 150px; + height: 48px; +} + +.copyToClipboard { + margin-left: auto; + padding-top: 7px; + margin-right: -5px; +} + +.chip { + background-color: var(--zircon); + font-family: var(--mont); + margin-left: 10px; +} + +.info { + font-family: var(--museo); + text-align: justify; +} + +.addressWrapper { + background-color: var(--zircon); + margin-top: 8px; + height: 35px; +} + +.address { + margin: 0px 16px 0px 16px; + padding-right: -15px; +} + +.errorMessage { + font-family: var(--museo); + color: var(--tomato); +} + +.codeContainer { + margin-top: 15px; + margin-bottom: 15px; +} + +.form { + display: flex; + flex-direction: column; + height: 100%; +} + +.submit { + margin: auto 0 0 auto; +} + +.error { + color: var(--tomato); +} + +.link { + position: absolute; + top: 10px; + left: 0; + bottom: -20px; + right: -20px; + white-space: nowrap; + overflow-x: auto; + width: 92.5%; +} + +.linkWrapper { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; +} + +.loginWrapper { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; +} + +.username { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + width: 100%; +} + +.roleSwitch { + margin-left: 15px; +} + +.actionButtonWrapper { + display: flex; + gap: 12px; +} diff --git a/new-lamassu-admin/src/pages/UserManagement/UserManagement.styles.js b/new-lamassu-admin/src/pages/UserManagement/UserManagement.styles.js deleted file mode 100644 index 6859dd97..00000000 --- a/new-lamassu-admin/src/pages/UserManagement/UserManagement.styles.js +++ /dev/null @@ -1,124 +0,0 @@ -import { - spacer, - fontPrimary, - fontSecondary, - primaryColor, - subheaderColor, - errorColor -} from 'src/styling/variables' - -const styles = { - footer: { - display: 'flex', - flexDirection: 'row', - margin: [['auto', 0, spacer * 3, 0]] - }, - modalTitle: { - marginTop: -5, - color: primaryColor, - fontFamily: fontPrimary - }, - modalLabel1: { - marginTop: 20 - }, - modalLabel2: { - marginTop: 40 - }, - inputLabel: { - color: primaryColor, - fontFamily: fontPrimary, - fontSize: 24, - marginLeft: 8, - marginTop: 15 - }, - tableWidth: { - width: 1132 - }, - radioGroup: { - flexDirection: 'row', - width: 500 - }, - radioLabel: { - width: 150, - height: 48 - }, - copyToClipboard: { - marginLeft: 'auto', - paddingTop: 7, - marginRight: -5 - }, - chip: { - backgroundColor: subheaderColor, - fontFamily: fontPrimary, - marginLeft: 10 - }, - info: { - fontFamily: fontSecondary, - textAlign: 'justify' - }, - addressWrapper: { - backgroundColor: subheaderColor, - marginTop: 8, - height: 35 - }, - address: { - margin: `0px ${spacer * 2}px 0px ${spacer * 2}px`, - paddingRight: -15 - }, - errorMessage: { - fontFamily: fontSecondary, - color: errorColor - }, - codeContainer: { - marginTop: 15, - marginBottom: 15 - }, - form: { - display: 'flex', - flexDirection: 'column', - height: '100%' - }, - submit: { - margin: [['auto', 0, 0, 'auto']] - }, - error: { - color: errorColor - }, - link: { - position: 'absolute', - top: 10, - left: 0, - bottom: '-20px', - right: '-20px', - whiteSpace: 'nowrap', - overflowX: 'auto', - width: '92.5%' - }, - linkWrapper: { - width: '100%', - height: '100%', - overflow: 'hidden', - position: 'relative' - }, - loginWrapper: { - display: 'flex', - flexDirection: 'row', - alignItems: 'center', - justifyContent: 'space-between' - }, - username: { - overflow: 'hidden', - whiteSpace: 'nowrap', - textOverflow: 'ellipsis', - width: '100%' - }, - roleSwitch: { - marginLeft: 15 - }, - actionButtonWrapper: { - display: 'flex', - gap: 12 - } -} - -export default styles diff --git a/new-lamassu-admin/src/pages/UserManagement/modals/ChangeRoleModal.jsx b/new-lamassu-admin/src/pages/UserManagement/modals/ChangeRoleModal.jsx index eb7b7cbe..e048d02c 100644 --- a/new-lamassu-admin/src/pages/UserManagement/modals/ChangeRoleModal.jsx +++ b/new-lamassu-admin/src/pages/UserManagement/modals/ChangeRoleModal.jsx @@ -1,5 +1,4 @@ -import { useMutation, gql } from "@apollo/client"; -import { makeStyles } from '@mui/styles' +import { useMutation, gql } from '@apollo/client' import React, { useState } from 'react' import ErrorMessage from 'src/components/ErrorMessage' import Modal from 'src/components/Modal' @@ -7,9 +6,8 @@ import { Info2, P } from 'src/components/typography' import { Button } from 'src/components/buttons' -import styles from '../UserManagement.styles' - import Input2FAModal from './Input2FAModal' +import classes from '../UserManagement.module.css' const CHANGE_USER_ROLE = gql` mutation changeUserRole( @@ -27,11 +25,7 @@ const CHANGE_USER_ROLE = gql` } ` -const useStyles = makeStyles(styles) - const ChangeRoleModal = ({ state, dispatch, user, requiresConfirmation }) => { - const classes = useStyles() - const [changeUserRole, { error }] = useMutation(CHANGE_USER_ROLE, { onCompleted: () => handleClose(), refetchQueries: () => ['users'] diff --git a/new-lamassu-admin/src/pages/UserManagement/modals/CreateUserModal.jsx b/new-lamassu-admin/src/pages/UserManagement/modals/CreateUserModal.jsx index 8b4213d1..a962c8ed 100644 --- a/new-lamassu-admin/src/pages/UserManagement/modals/CreateUserModal.jsx +++ b/new-lamassu-admin/src/pages/UserManagement/modals/CreateUserModal.jsx @@ -1,5 +1,4 @@ import { useMutation, gql } from '@apollo/client' -import { makeStyles } from '@mui/styles' import classnames from 'classnames' import { Field, Form, Formik } from 'formik' import React, { useState } from 'react' @@ -13,9 +12,7 @@ import { Button } from 'src/components/buttons' import { TextInput, RadioGroup } from 'src/components/inputs/formik' import { urlResolver } from 'src/utils/urlResolver' -import styles from '../UserManagement.styles' - -const useStyles = makeStyles(styles) +import classes from '../UserManagement.module.css' const CREATE_USER = gql` mutation createRegisterToken($username: String!, $role: String!) { @@ -58,8 +55,6 @@ const getErrorMsg = (formikErrors, formikTouched, mutationError) => { } const CreateUserModal = ({ state, dispatch }) => { - const classes = useStyles() - const [usernameField, setUsernameField] = useState('') const [createUserURL, setCreateUserURL] = useState(null) diff --git a/new-lamassu-admin/src/pages/UserManagement/modals/EnableUserModal.jsx b/new-lamassu-admin/src/pages/UserManagement/modals/EnableUserModal.jsx index 0066e184..dcb23287 100644 --- a/new-lamassu-admin/src/pages/UserManagement/modals/EnableUserModal.jsx +++ b/new-lamassu-admin/src/pages/UserManagement/modals/EnableUserModal.jsx @@ -1,5 +1,4 @@ -import { useMutation, gql } from "@apollo/client"; -import { makeStyles } from '@mui/styles' +import { useMutation, gql } from '@apollo/client' import React, { useState } from 'react' import ErrorMessage from 'src/components/ErrorMessage' import Modal from 'src/components/Modal' @@ -7,9 +6,8 @@ import { Info2, P } from 'src/components/typography' import { Button } from 'src/components/buttons' -import styles from '../UserManagement.styles' - import Input2FAModal from './Input2FAModal' +import classes from '../UserManagement.module.css' const ENABLE_USER = gql` mutation enableUser($confirmationCode: String, $id: ID!) { @@ -27,11 +25,7 @@ const DISABLE_USER = gql` } ` -const useStyles = makeStyles(styles) - const EnableUserModal = ({ state, dispatch, user, requiresConfirmation }) => { - const classes = useStyles() - const [enableUser, { error: enableError }] = useMutation(ENABLE_USER, { onCompleted: () => handleClose(), refetchQueries: () => ['users'] diff --git a/new-lamassu-admin/src/pages/UserManagement/modals/FIDOModal.jsx b/new-lamassu-admin/src/pages/UserManagement/modals/FIDOModal.jsx index 8762a783..172e93a0 100644 --- a/new-lamassu-admin/src/pages/UserManagement/modals/FIDOModal.jsx +++ b/new-lamassu-admin/src/pages/UserManagement/modals/FIDOModal.jsx @@ -1,17 +1,12 @@ -import { makeStyles } from '@mui/styles' import React from 'react' + import Modal from 'src/components/Modal' import { Info2, P } from 'src/components/typography' - import { Button } from 'src/components/buttons' -import styles from '../UserManagement.styles' - -const useStyles = makeStyles(styles) +import classes from '../UserManagement.module.css' const ChangeRoleModal = ({ state, dispatch }) => { - const classes = useStyles() - const handleClose = () => { dispatch({ type: 'close', diff --git a/new-lamassu-admin/src/pages/UserManagement/modals/Input2FAModal.jsx b/new-lamassu-admin/src/pages/UserManagement/modals/Input2FAModal.jsx index a6639358..450d3d5f 100644 --- a/new-lamassu-admin/src/pages/UserManagement/modals/Input2FAModal.jsx +++ b/new-lamassu-admin/src/pages/UserManagement/modals/Input2FAModal.jsx @@ -1,16 +1,13 @@ import { useLazyQuery, gql } from '@apollo/client' -import { makeStyles } from '@mui/styles' import { Form, Formik } from 'formik' import React, { useState } from 'react' + import Modal from 'src/components/Modal' import { Info2, P } from 'src/components/typography' - import { Button } from 'src/components/buttons' import { CodeInput } from 'src/components/inputs/base' -import styles from '../UserManagement.styles' - -const useStyles = makeStyles(styles) +import classes from '../UserManagement.module.css' const CONFIRM_2FA = gql` query confirm2FA($code: String!) { @@ -19,8 +16,6 @@ const CONFIRM_2FA = gql` ` const Input2FAModal = ({ showModal, handleClose, setConfirmation }) => { - const classes = useStyles() - const [twoFACode, setTwoFACode] = useState('') const [invalidCode, setInvalidCode] = useState(false) diff --git a/new-lamassu-admin/src/pages/UserManagement/modals/Reset2FAModal.jsx b/new-lamassu-admin/src/pages/UserManagement/modals/Reset2FAModal.jsx index b91f8f54..ccf0e043 100644 --- a/new-lamassu-admin/src/pages/UserManagement/modals/Reset2FAModal.jsx +++ b/new-lamassu-admin/src/pages/UserManagement/modals/Reset2FAModal.jsx @@ -1,16 +1,14 @@ import { useMutation, gql } from '@apollo/client' -import { makeStyles } from '@mui/styles' import React, { useEffect, useState } from 'react' + import ErrorMessage from 'src/components/ErrorMessage' import Modal from 'src/components/Modal' import { Info2, P, Mono } from 'src/components/typography' import CopyToClipboard from 'src/components/CopyToClipboard.jsx' - import { urlResolver } from 'src/utils/urlResolver' -import styles from '../UserManagement.styles' - import Input2FAModal from './Input2FAModal' +import classes from '../UserManagement.module.css' const CREATE_RESET_2FA_TOKEN = gql` mutation createReset2FAToken($confirmationCode: String, $userID: ID!) { @@ -22,10 +20,7 @@ const CREATE_RESET_2FA_TOKEN = gql` } ` -const useStyles = makeStyles(styles) - const Reset2FAModal = ({ state, dispatch, user, requiresConfirmation }) => { - const classes = useStyles() const [reset2FAUrl, setReset2FAUrl] = useState('') const [createReset2FAToken, { loading, error }] = useMutation( diff --git a/new-lamassu-admin/src/pages/UserManagement/modals/ResetPasswordModal.jsx b/new-lamassu-admin/src/pages/UserManagement/modals/ResetPasswordModal.jsx index d6b36f7e..1ebdfa70 100644 --- a/new-lamassu-admin/src/pages/UserManagement/modals/ResetPasswordModal.jsx +++ b/new-lamassu-admin/src/pages/UserManagement/modals/ResetPasswordModal.jsx @@ -1,5 +1,4 @@ import { useMutation, gql } from '@apollo/client' -import { makeStyles } from '@mui/styles' import React, { useEffect, useState } from 'react' import ErrorMessage from 'src/components/ErrorMessage' import Modal from 'src/components/Modal' @@ -8,9 +7,8 @@ import CopyToClipboard from 'src/components/CopyToClipboard.jsx' import { urlResolver } from 'src/utils/urlResolver' -import styles from '../UserManagement.styles' - import Input2FAModal from './Input2FAModal' +import classes from '../UserManagement.module.css' const CREATE_RESET_PASSWORD_TOKEN = gql` mutation createResetPasswordToken($confirmationCode: String, $userID: ID!) { @@ -25,15 +23,12 @@ const CREATE_RESET_PASSWORD_TOKEN = gql` } ` -const useStyles = makeStyles(styles) - const ResetPasswordModal = ({ state, dispatch, user, requiresConfirmation }) => { - const classes = useStyles() const [resetPasswordUrl, setResetPasswordUrl] = useState('') const [createResetPasswordToken, { loading, error }] = useMutation( diff --git a/new-lamassu-admin/src/pages/Wallet/Wallet.jsx b/new-lamassu-admin/src/pages/Wallet/Wallet.jsx index 32915acc..8e61444e 100644 --- a/new-lamassu-admin/src/pages/Wallet/Wallet.jsx +++ b/new-lamassu-admin/src/pages/Wallet/Wallet.jsx @@ -1,5 +1,4 @@ import { useQuery, useMutation, gql } from "@apollo/client"; -import { makeStyles } from '@mui/styles' import * as R from 'ramda' import React, { useState } from 'react' import Modal from 'src/components/Modal' @@ -17,7 +16,6 @@ import { fromNamespace, toNamespace } from 'src/utils/config' import { P } from '../../components/typography' import AdvancedWallet from './AdvancedWallet' -import styles from './Wallet.styles' import Wizard from './Wizard' import { WalletSchema, getElements } from './helper' @@ -61,10 +59,7 @@ const GET_MARKETS = gql` const LOCALE = 'locale' -const useStyles = makeStyles(styles) - const Wallet = ({ name: SCREEN_KEY }) => { - const classes = useStyles() const [editingSchema, setEditingSchema] = useState(null) const [onChangeFunction, setOnChangeFunction] = useState(null) const [wizard, setWizard] = useState(false) @@ -128,7 +123,7 @@ const Wallet = ({ name: SCREEN_KEY }) => { return ( <> -
+
{ switch (code) { case 'BTC': @@ -71,19 +44,18 @@ const getLogo = code => { } const WizardSplash = ({ code, name, onContinue }) => { - const classes = useStyles() const Logo = getLogo(code) return ( -
- -

Enable {name}

-

+

+ +

Enable {name}

+

You are about to enable {name} on your system. This will allow you to use this cryptocurrency on your machines. To be able to do that, you’ll have to set up all the necessary 3rd party services.

-
diff --git a/new-lamassu-admin/src/pages/Wallet/WizardStep.jsx b/new-lamassu-admin/src/pages/Wallet/WizardStep.jsx index 0443665a..0b1fcb30 100644 --- a/new-lamassu-admin/src/pages/Wallet/WizardStep.jsx +++ b/new-lamassu-admin/src/pages/Wallet/WizardStep.jsx @@ -1,4 +1,3 @@ -import { makeStyles } from '@mui/styles' import classnames from 'classnames' import { Formik, Form, Field } from 'formik' import * as R from 'ramda' @@ -13,10 +12,6 @@ import { RadioGroup, Autocomplete } from 'src/components/inputs' import { NumberInput } from 'src/components/inputs/formik' import { startCase } from 'src/utils/string' -import styles from './WizardStep.styles' - -const useStyles = makeStyles(styles) - const initialState = { form: null, selected: null, @@ -69,7 +64,6 @@ const WizardStep = ({ unfilled, getValue }) => { - const classes = useStyles() const [{ innerError, selected, form, isNew }, dispatch] = useReducer( reducer, initialState @@ -88,15 +82,16 @@ const WizardStep = ({ const label = isLastStep ? 'Finish' : 'Next' const displayName = name ?? type - const subtitleClass = { - [classes.subtitle]: true, - [classes.error]: innerError - } + const subtitleClass = classnames('mt-8 mb-5 mx-0', { + 'text-tomato': innerError + }) return ( <> - {startCase(displayName)} + + {startCase(displayName)} + -

+

{step < maxSteps - 1 ? `Select a ${displayName} or set up a new one` : `Select ${displayName} for ${coin}`} @@ -105,12 +100,12 @@ const WizardStep = ({ { dispatch({ type: 'select', selected: it }) }} - labelClassName={classes.radioLabel} - radioClassName={classes.radio} + labelClassName="w-37 h-12" + radioClassName="p-1 m-1" /> )} {type === 'zeroConfLimit' && ( @@ -122,11 +117,7 @@ const WizardStep = ({ validationSchema={stepSchema}> {({ values, setFieldValue }) => (
-
+
{fiatCurrency}
@@ -148,15 +139,15 @@ const WizardStep = ({ )} )} -
+
{!R.isEmpty(unfilled) && !R.isNil(unfilled) && ( { dispatch({ type: 'new' }) }} - labelClassName={classes.radioLabel} - radioClassName={classes.radio} + labelClassName="w-[150px] h-12" + radioClassName="p-1 m-1" options={[{ display: 'Set up new', code: true }]} /> )} @@ -164,7 +155,7 @@ const WizardStep = ({ innerContinue({ [type]: form.code }, { [form.code]: it })} elements={schemas[form.code].elements} - validationSchema={schemas[form.code].getValidationSchema(accounts[form.code])} + validationSchema={schemas[form.code].getValidationSchema( + accounts[form.code] + )} value={getValue(form.code)} buttonLabel={label} /> )} {!form && ( -
+
{error && Failed to save}
)} - ); + ) } export default WizardStep diff --git a/new-lamassu-admin/src/pages/Wallet/WizardStep.styles.js b/new-lamassu-admin/src/pages/Wallet/WizardStep.styles.js deleted file mode 100644 index 5ff78ac9..00000000 --- a/new-lamassu-admin/src/pages/Wallet/WizardStep.styles.js +++ /dev/null @@ -1,60 +0,0 @@ -import { errorColor, fontSize1, fontPrimary } from 'src/styling/variables' - -const LABEL_WIDTH = 150 - -export default { - title: { - margin: [[0, 0, 12, 0]] - }, - subtitle: { - margin: [[32, 0, 21, 0]] - }, - error: { - color: errorColor - }, - button: { - marginLeft: 'auto' - }, - submit: { - display: 'flex', - flexDirection: 'row', - margin: [['auto', 0, 24]] - }, - radioGroup: { - flexDirection: 'row' - }, - radioLabel: { - width: LABEL_WIDTH, - height: 48 - }, - radio: { - padding: 4, - margin: 4 - }, - setupNew: { - display: 'flex', - alignItems: 'center', - height: 48 - }, - picker: { - width: LABEL_WIDTH - }, - horizontalAlign: { - display: 'flex', - flexDirection: 'row' - }, - centerAlignment: { - alignItems: 'center' - }, - zeroConfLimit: { - marginRight: 5, - '& > div': { - fontSize: fontSize1, - fontFamily: fontPrimary, - fontWeight: 300, - '& > input': { - padding: [[6, 0, 2]] - } - } - } -} diff --git a/new-lamassu-admin/src/pages/Wallet/helper.jsx b/new-lamassu-admin/src/pages/Wallet/helper.jsx index bd6d90a6..482c7d1c 100644 --- a/new-lamassu-admin/src/pages/Wallet/helper.jsx +++ b/new-lamassu-admin/src/pages/Wallet/helper.jsx @@ -8,15 +8,9 @@ import { Checkbox, NumberInput } from 'src/components/inputs/formik' -import { disabledColor } from 'src/styling/variables' import { CURRENCY_MAX } from 'src/utils/constants' import { defaultToZero } from 'src/utils/number' -const classes = { - editDisabled: { - color: disabledColor - } -} const filterClass = type => R.filter(it => it.class === type) const filterCoins = ({ id }) => R.filter(it => R.contains(id)(it.cryptos)) @@ -172,7 +166,7 @@ const getAdvancedWalletElementsOverrides = ( width: 250, view: (_, ite) => { if (ite.cryptoCurrency !== 'BTC') - return {`No`} + return {`No`} return ite.allowTransactionBatching ? 'Yes' : 'No' }, input: Checkbox, @@ -186,7 +180,7 @@ const getAdvancedWalletElementsOverrides = ( width: 250, view: (_, ite) => { if (ite.cryptoCurrency !== 'BTC') - return {`Default`} + return {`Default`} return viewFeeMultiplier(ite.feeMultiplier) }, input: Autocomplete, @@ -289,7 +283,7 @@ const getElements = (cryptoCurrencies, accounts, onChange, wizard = false) => { return has0Conf(row) ? ( displayName ) : ( - {displayName} + {displayName} ) }, input: Autocomplete, @@ -309,7 +303,7 @@ const getElements = (cryptoCurrencies, accounts, onChange, wizard = false) => { size: 'sm', stripe: true, view: (it, row) => - has0Conf(row) ? it : {it}, + has0Conf(row) ? it : {it}, input: NumberInput, width: 145 - widthAdjust, inputProps: { diff --git a/new-lamassu-admin/src/styling/global/global.css b/new-lamassu-admin/src/styling/global/global.css index 906d56a0..30dcc720 100644 --- a/new-lamassu-admin/src/styling/global/global.css +++ b/new-lamassu-admin/src/styling/global/global.css @@ -20,6 +20,7 @@ --tomato: #ff584a; + --dust: #dddddd; --ghost: #fafbff; --zircon: #ebefff; --zircon2: #dbdfed; @@ -44,6 +45,7 @@ --color-comet2: var(--comet2); --color-comet3: var(--comet3); --color-tomato: var(--tomato); + --color--dust: var(--dust); --color-ghost: var(--ghost); --color-zircon: var(--zircon); --color-zircon2: var(--zircon2);