@tanstack/react-router-devtools 0.0.1-alpha.7 → 0.0.1-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tanstack/react-router-devtools",
3
3
  "author": "Tanner Linsley",
4
- "version": "0.0.1-alpha.7",
4
+ "version": "0.0.1-beta.1",
5
5
  "license": "MIT",
6
6
  "repository": "tanstack/router",
7
7
  "homepage": "https://react-router.tanstack.com/",
@@ -35,7 +35,7 @@
35
35
  "src"
36
36
  ],
37
37
  "peerDependencies": {
38
- "@tanstack/react-router": "0.0.1-alpha.7",
38
+ "@tanstack/react-router": "0.0.1-beta.1",
39
39
  "react": ">=16",
40
40
  "react-dom": ">=16"
41
41
  },
package/src/devtools.tsx CHANGED
@@ -671,6 +671,7 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
671
671
  background: theme.backgroundAlt,
672
672
  position: 'sticky',
673
673
  top: 0,
674
+ bottom: 0,
674
675
  zIndex: 1,
675
676
  display: 'flex',
676
677
  alignItems: 'center',
@@ -742,11 +743,13 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
742
743
  </div>
743
744
  <span
744
745
  style={{
746
+ fontSize: '.7rem',
745
747
  opacity: '.5',
748
+ lineHeight: 1,
746
749
  }}
747
750
  >
748
751
  Expires{' '}
749
- {formatDistanceStrict(new Date(), new Date(gc), {
752
+ {formatDistanceStrict(new Date(gc), new Date(), {
750
753
  addSuffix: true,
751
754
  })}
752
755
  </span>
@@ -766,6 +769,7 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
766
769
  background: theme.backgroundAlt,
767
770
  position: 'sticky',
768
771
  top: 0,
772
+ bottom: 0,
769
773
  zIndex: 1,
770
774
  }}
771
775
  >
@@ -817,6 +821,7 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
817
821
  padding: '.5em',
818
822
  position: 'sticky',
819
823
  top: 0,
824
+ bottom: 0,
820
825
  zIndex: 1,
821
826
  }}
822
827
  >
@@ -856,6 +861,7 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
856
861
  padding: '.5em',
857
862
  position: 'sticky',
858
863
  top: 0,
864
+ bottom: 0,
859
865
  zIndex: 1,
860
866
  }}
861
867
  >
@@ -891,10 +897,11 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
891
897
  background: theme.backgroundAlt,
892
898
  position: 'sticky',
893
899
  top: 0,
900
+ bottom: 0,
894
901
  zIndex: 1,
895
902
  }}
896
903
  >
897
- Loader Data
904
+ All Loader Data
898
905
  </div>
899
906
  <div
900
907
  style={{
@@ -922,6 +929,7 @@ export const TanStackRouterDevtoolsPanel = React.forwardRef<
922
929
  background: theme.backgroundAlt,
923
930
  position: 'sticky',
924
931
  top: 0,
932
+ bottom: 0,
925
933
  zIndex: 1,
926
934
  }}
927
935
  >