diff --git a/components/mobile/BottomBar.tsx b/components/mobile/BottomBar.tsx
index b969c987..4f3a86bf 100644
--- a/components/mobile/BottomBar.tsx
+++ b/components/mobile/BottomBar.tsx
@@ -29,6 +29,30 @@ const StyledBarItemLabel = ({
)
+const BottomBarLink = ({
+ children,
+ isActive,
+ pathName,
+}: {
+ children: ReactNode
+ isActive: boolean
+ pathName: string
+}) => {
+ return (
+
+ {children}
+
+ )
+}
+
const BottomBar = () => {
const { t } = useTranslation('common')
const { asPath } = useRouter()
@@ -36,59 +60,32 @@ const BottomBar = () => {
return (
<>
-
-
+
>
diff --git a/tailwind.config.js b/tailwind.config.js
index 47f4fd04..abea19bd 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -14,8 +14,14 @@ module.exports = {
shake: 'shake 0.4s linear 4',
'spin-fast': 'spin 0.5s linear infinite',
},
- cursor: {
- help: 'help',
+ backgroundImage: {
+ 'long-loss': "url('/share_images/bg-long-loss.png')",
+ 'long-profit': "url('/share_images/bg-long-profit.png')",
+ 'short-loss': "url('/share_images/bg-short-loss.png')",
+ 'short-profit': "url('/share_images/bg-short-profit.png')",
+ },
+ boxShadow: {
+ bottomBar: '0px -4px 8px -1px rgba(0,0,0,0.2)',
},
// each color category in a theme has a single base color with the variations acheived by adjusting lightness (dark and hover variants) and lightness and saturation for muted variants
colors: {
@@ -416,6 +422,9 @@ module.exports = {
'th-input-border': 'var(--input-border)',
'th-input-border-hover': 'var(--input-border-hover)',
},
+ cursor: {
+ help: 'help',
+ },
fontSize: {
xxs: '.65rem',
},
@@ -437,12 +446,6 @@ module.exports = {
},
},
},
- backgroundImage: {
- 'long-loss': "url('/share_images/bg-long-loss.png')",
- 'long-profit': "url('/share_images/bg-long-profit.png')",
- 'short-loss': "url('/share_images/bg-short-loss.png')",
- 'short-profit': "url('/share_images/bg-short-profit.png')",
- },
screens: {
xl: '1600px',
},