diff --git a/src/components/signed-in/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx b/src/components/signed-in/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx index c9705d4..7644af3 100644 --- a/src/components/signed-in/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx +++ b/src/components/signed-in/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx @@ -1,8 +1,12 @@ import styled from "styled-components"; +import { COLOR_CODES } from "../../../../../utils/constants/shared.constants"; export const CaloriesBurnedScheduleDayInfo = styled.div` display: flex; - justify-content: center; align-items: center; - padding: 2% 2% 2% 2%; + padding: 2% 2% 0.5% 2%; + + overflow: auto; + scrollbar-color: ${COLOR_CODES.scrollbar.scroll} ${COLOR_CODES.scrollbar.background}; + scrollbar-width: thin; ` \ No newline at end of file diff --git a/src/components/signed-in/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx b/src/components/signed-in/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx index c9705d4..5473a38 100644 --- a/src/components/signed-in/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx +++ b/src/components/signed-in/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx @@ -1,8 +1,12 @@ import styled from "styled-components"; +import { COLOR_CODES } from "../../../../../../utils/constants/shared.constants"; export const CaloriesBurnedScheduleDayInfo = styled.div` display: flex; - justify-content: center; align-items: center; - padding: 2% 2% 2% 2%; + padding: 2% 2% 0.5% 2%; + + overflow: auto; + scrollbar-color: ${COLOR_CODES.scrollbar.scroll} ${COLOR_CODES.scrollbar.background}; + scrollbar-width: thin; ` \ No newline at end of file diff --git a/src/components/signed-out/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx b/src/components/signed-out/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx index c9705d4..7644af3 100644 --- a/src/components/signed-out/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx +++ b/src/components/signed-out/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx @@ -1,8 +1,12 @@ import styled from "styled-components"; +import { COLOR_CODES } from "../../../../../utils/constants/shared.constants"; export const CaloriesBurnedScheduleDayInfo = styled.div` display: flex; - justify-content: center; align-items: center; - padding: 2% 2% 2% 2%; + padding: 2% 2% 0.5% 2%; + + overflow: auto; + scrollbar-color: ${COLOR_CODES.scrollbar.scroll} ${COLOR_CODES.scrollbar.background}; + scrollbar-width: thin; ` \ No newline at end of file diff --git a/src/components/signed-out/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx b/src/components/signed-out/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx index c9705d4..5473a38 100644 --- a/src/components/signed-out/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx +++ b/src/components/signed-out/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx @@ -1,8 +1,12 @@ import styled from "styled-components"; +import { COLOR_CODES } from "../../../../../../utils/constants/shared.constants"; export const CaloriesBurnedScheduleDayInfo = styled.div` display: flex; - justify-content: center; align-items: center; - padding: 2% 2% 2% 2%; + padding: 2% 2% 0.5% 2%; + + overflow: auto; + scrollbar-color: ${COLOR_CODES.scrollbar.scroll} ${COLOR_CODES.scrollbar.background}; + scrollbar-width: thin; ` \ No newline at end of file diff --git a/src/pages/signed-out/calories-burned/calories-burned.component.jsx b/src/pages/signed-out/calories-burned/calories-burned.component.jsx index 81abf87..014cad2 100644 --- a/src/pages/signed-out/calories-burned/calories-burned.component.jsx +++ b/src/pages/signed-out/calories-burned/calories-burned.component.jsx @@ -20,7 +20,10 @@ import ScheduleCalendar from "../../../components/signed-out/calories-burned/sch import ScheduleDayInfo from "../../../components/signed-out/calories-burned/schedule/schedule-day-info/schedule-day-info.component" import { Typography } from "@mui/material" - +import SummarizeIcon from '@mui/icons-material/Summarize'; +import FilterAltIcon from '@mui/icons-material/FilterAlt'; +import AddIcon from '@mui/icons-material/Add'; +import ItemTabs from "../../../components/shared/mui/tabs/tabs.component.jsx" const CaloriesBurned = () => { const { trackedCaloriesBurned, scheduledTrackedCaloriesBurnedView } = useContext(CaloriesBurnedContext)