Merge pull request #701 from pcwadarong/main

reset 버튼 위치 수정
githru · Sep 4, 2024 · fddcfa1 · fddcfa1
2 parents 4e20e5d + 27b3828
commit fddcfa1
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/packages/view/src/App.scss b/packages/view/src/App.scss
@@ -14,7 +14,7 @@ body {
   height: 60px;
   justify-content: space-between;
   align-items: center;
-  padding: 0 20px;
+  padding: 0 12px 0 20px;
 }
 
 .top-container {

diff --git a/packages/view/src/components/TemporalFilter/TemporalFilter.scss b/packages/view/src/components/TemporalFilter/TemporalFilter.scss
@@ -10,12 +10,14 @@
     flex-direction: column;
     align-items: flex-end;
     gap: 1rem;
+    position: relative;
 
     .reset-button {
       width: 3rem;
-      margin-right: 1rem;
       text-transform: none;
       background-color: var(--color-tertiary);
+      position: absolute;
+      top: 0;
     }
 
     span {

diff --git a/packages/view/src/components/TemporalFilter/TemporalFilter.tsx b/packages/view/src/components/TemporalFilter/TemporalFilter.tsx
@@ -6,6 +6,7 @@ import BounceLoader from "react-spinners/BounceLoader";
 import { Button } from "@mui/material";
 
 import { useGlobalData } from "hooks";
+import { useLoadingStore } from "store";
 
 import { filterDataByDate, getMinMaxDate, lineChartTimeFormatter, sortBasedOnCommitNode } from "./TemporalFilter.util";
 import "./TemporalFilter.scss";
@@ -15,7 +16,6 @@ import { useWindowResize } from "./TemporalFilter.hook";
 import type { BrushXSelection } from "./LineChartBrush";
 import { createBrush, drawBrush, resetBrush } from "./LineChartBrush";
 import { BRUSH_MARGIN, TEMPORAL_FILTER_LINE_CHART_STYLES } from "./LineChart.const";
-import { useLoadingStore } from "store";
 
 const TemporalFilter = () => {
   const { data, filteredData, setFilteredData, filteredRange, setFilteredRange, setSelectedData } = useGlobalData();