andrew.ng
/
ATC_SIMPLE
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

remove thanh scroll và chuyển SN xuống PID

This commit is contained in:
Truong Vo 2025-11-27 11:35:25 +07:00
parent 9af8f19986
commit 449f9d71ef
2 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
FRONTEND/src/App.tsx
View File

@ -3,6 +3,7 @@ import "@mantine/dates/styles.css";
import "@mantine/notifications/styles.css";
import "./App.css";
import classes from "./App.module.css";
import componentClasses from "./components/Component.module.css";
import {
Suspense,
@ -487,14 +488,32 @@ function App() {
borderRadius: 8,
}}
>
<ScrollArea h={expandedBottomBar ? "68vh" : "85vh"}>
<ScrollArea
h={expandedBottomBar ? "68vh" : "85vh"}
type="scroll"
scrollbars="y"
style={{ overflowX: "hidden" }}
className={componentClasses.hideScrollBar}
>
{station.lines.length > 0 ? (
<Grid gutter="md" style={{ margin: 0 }}>
<Grid
gutter="md"
style={{
margin: 0,
width: "100%",
overflowX: "hidden",
}}
>
{station.lines.map((line, i) => (
<Grid.Col
key={i}
span={3}
style={{ display: "flex", height: "100%" }}
style={{
display: "flex",
height: "100%",
maxWidth: "100%",
overflow: "hidden",
}}
>
<CardLine
socket={socket}

7
FRONTEND/src/components/CardLine.tsx
View File

@ -212,7 +212,7 @@ const CardLine = ({
</Box>
</Flex>
<Box w={"100%"}>
<Flex justify={"space-between"} w={"100%"}>
<Flex direction={"column"} gap={"4px"} w={"100%"}>
<div className={classes.info_line}>
PID:{" "}
<Text
@ -238,10 +238,7 @@ const CardLine = ({
""
)}
</div>
<div
className={classes.info_line}
style={{ width: "120px" }}
>
<div className={classes.info_line}>
SN:{" "}
<Text
onClick={(e) => {