Skip to content

Commit 0983340

Browse files
committed
update styles
1 parent fcd9dfa commit 0983340

File tree

4 files changed

+220
-167
lines changed

4 files changed

+220
-167
lines changed

packages/react-router-devtools/src/client/styles/use-styles.ts

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1940,6 +1940,7 @@ const stylesFactory = (theme: "light" | "dark") => {
19401940
overflow: hidden;
19411941
width: 100%;
19421942
min-height: 0;
1943+
display: grid;
19431944
`,
19441945
},
19451946

@@ -1967,10 +1968,10 @@ const stylesFactory = (theme: "light" | "dark") => {
19671968
overflow: hidden;
19681969
`,
19691970
networkContainer: css`
1970-
height: 100%;
1971+
height: 100%;
1972+
overflow-y:auto;
19711973
border-top: 1px solid #374151;
19721974
padding: 1rem;
1973-
overflow: hidden;
19741975
`,
19751976
},
19761977

test-apps/react-router-vite/app/root.tsx

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import {
22
type ActionFunctionArgs,
33
data,
4-
Form,
54
Links,
65
type LoaderFunctionArgs,
76
Meta,
@@ -10,7 +9,6 @@ import {
109
ScrollRestoration,
1110
} from "react-router";
1211
import { userSomething } from "./modules/user.server";
13-
import { EmbeddedDevTools } from "../../../packages/react-router-devtools/dist/client"
1412

1513
// Server middleware
1614
const authMiddleware = async (args: any, next: () => Promise<Response>) => {
@@ -86,17 +84,12 @@ function App() {
8684
<Meta />
8785
<Links />
8886
</head>
89-
<body>
90-
<Form method="post">
91-
<input readOnly type="text" name="name" value={"name"} />
92-
<button type="submit">
93-
Submit
94-
</button>
95-
</Form>
87+
<body style={{margin: 0}}>
88+
9689
<Outlet />
9790
<ScrollRestoration />
9891
<Scripts />
99-
<EmbeddedDevTools />
92+
10093
</body>
10194
</html>
10295
);

0 commit comments

Comments
 (0)