@stoker-platform/web-app 0.5.126 → 0.5.128

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/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @stoker-platform/web-app
2
2
 
3
+ ## 0.5.128
4
+
5
+ ### Patch Changes
6
+
7
+ - feat: enlarge sidebar tap targets
8
+
9
+ ## 0.5.127
10
+
11
+ ### Patch Changes
12
+
13
+ - fix: fix Dashboard background cutoff issue
14
+
3
15
  ## 0.5.126
4
16
 
5
17
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stoker-platform/web-app",
3
- "version": "0.5.126",
3
+ "version": "0.5.128",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "scripts": {
package/src/Dashboard.tsx CHANGED
@@ -62,7 +62,7 @@ export const Dashboard = () => {
62
62
  <title>Dashboard</title>
63
63
  <meta name="description" content={`Dashboard for ${appName}`} />
64
64
  </Helmet>
65
- <div className="h-[100vh] xl:overflow-y-auto">
65
+ <div className="xl:h-[100vh] xl:overflow-y-auto">
66
66
  <div className="flex flex-col lg:pt-4">
67
67
  <header className="sticky top-0 z-30 flex h-14 items-center gap-4 border-b bg-background px-4 py-1 lg:static lg:h-auto lg:border-0 lg:bg-transparent lg:px-6 lg:py-0 print:border-none select-none">
68
68
  <Card className="flex items-center gap-2 h-12 sm:min-w-[300px] p-5">
package/src/Tenant.tsx CHANGED
@@ -664,13 +664,13 @@ function Tenant() {
664
664
  </Button>
665
665
  </SheetTrigger>
666
666
  <SheetContent side="left" className="sm:max-w-xs overflow-y-auto">
667
- <nav className="grid gap-6 text-lg font-medium pt-12">
667
+ <nav className="grid text-lg font-medium pt-9">
668
668
  {hasDashboard && (
669
669
  <button
670
670
  className={
671
671
  window.location.pathname === "/"
672
- ? "flex items-center gap-4 px-2.5 text-foreground"
673
- : "flex items-center gap-4 px-2.5 text-muted-foreground hover:text-foreground"
672
+ ? "flex items-center gap-4 px-2.5 text-foreground py-3"
673
+ : "flex items-center gap-4 px-2.5 text-muted-foreground hover:text-foreground py-3"
674
674
  }
675
675
  onClick={() => navigateFromSidebar("/")}
676
676
  >
@@ -686,10 +686,10 @@ function Tenant() {
686
686
  key={group.collections[0]}
687
687
  className={
688
688
  isMatch(group.collections[0])
689
- ? cn(className, "text-foreground")
689
+ ? cn(className, "text-foreground py-3")
690
690
  : cn(
691
691
  className,
692
- "text-muted-foreground hover:text-foreground",
692
+ "text-muted-foreground hover:text-foreground py-3",
693
693
  )
694
694
  }
695
695
  onClick={() =>
@@ -714,10 +714,10 @@ function Tenant() {
714
714
  key={collection}
715
715
  className={
716
716
  isMatch(collection)
717
- ? cn(className, "text-foreground")
717
+ ? cn(className, "text-foreground py-3")
718
718
  : cn(
719
719
  className,
720
- "text-muted-foreground hover:text-foreground",
720
+ "text-muted-foreground hover:text-foreground py-3",
721
721
  )
722
722
  }
723
723
  onClick={() =>
@@ -740,7 +740,7 @@ function Tenant() {
740
740
  {enableMfa && ((!mfaActive && !mfaEnabled) || mfaRevoked) && (
741
741
  <button
742
742
  key="mfa-enroll-mobile"
743
- className="flex items-center gap-4 px-2.5 bg-destructive p-4 rounded-md text-white"
743
+ className="flex items-center gap-4 px-2.5 bg-destructive p-4 mt-2 rounded-md text-white"
744
744
  onClick={() => multiFactorEnroll(user, getMultiFactorCode)}
745
745
  >
746
746
  Enable MFA