diff --git a/packages/web/components/elements/images/PlusIcon.tsx b/packages/web/components/elements/images/PlusIcon.tsx
deleted file mode 100644
index fac451e8c..000000000
--- a/packages/web/components/elements/images/PlusIcon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-type PlusIconProps = {
- size: number
- strokeColor: string
-}
-
-export function PlusIcon(props: PlusIconProps): JSX.Element {
- return (
-
- )
-}
diff --git a/packages/web/pages/settings/labels.tsx b/packages/web/pages/settings/labels.tsx
index c6610aeb2..34bf8cb00 100644
--- a/packages/web/pages/settings/labels.tsx
+++ b/packages/web/pages/settings/labels.tsx
@@ -1,7 +1,6 @@
import { useEffect, useState } from 'react'
import { PrimaryLayout } from '../../components/templates/PrimaryLayout'
import { Button } from '../../components/elements/Button'
-import { PlusIcon } from '../../components/elements/images/PlusIcon'
import { styled } from '../../components/tokens/stitches.config'
import {
Box,
@@ -25,7 +24,6 @@ import {
PencilSimple,
Trash,
Plus,
- DotsSixVertical,
} from 'phosphor-react'
import {
LabelColor,
@@ -164,6 +162,16 @@ const IconButton = styled(Button, {
},
})
+const MobileBtnWrapper = styled(Box, {
+ display: 'flex',
+ position: 'fixed',
+ bottom: '16px',
+ right: '25px',
+ '@md': {
+ display: 'none',
+ },
+})
+
const Input = styled('input', { ...inputStyles })
const TextArea = styled('textarea', { ...inputStyles })
@@ -174,7 +182,6 @@ export default function LabelsPage(): JSX.Element {
rowId: '',
value: 'custom color',
})
- console.log('LabelsPage ~ labelColorHex', labelColorHex)
const [editingLabelId, setEditingLabelId] = useState(null)
const [nameInputText, setNameInputText] = useState('')
const [descriptionInputText, setDescriptionInputText] = useState('')
@@ -291,38 +298,29 @@ export default function LabelsPage(): JSX.Element {
}}
style="ctaDarkYellow"
css={{
- alignItems: 'center',
display: 'none',
+ alignItems: 'center',
'@md': {
display: 'flex',
},
}}
>
-
-
-
- Create New Label
+
+ Add Label
-
+
-
+
>
)}