@proveanything/smartlinks-utils-ui 0.9.2 → 0.9.4

package/dist/components/RecordsAdmin/index.css

@@ -321,15 +321,15 @@
 .max-w-4xl {
   max-width: 56rem;
 }
-.max-w-\[12rem\] {
-  max-width: 12rem;
-}
 .max-w-\[14rem\] {
   max-width: 14rem;
 }
 .max-w-\[160px\] {
   max-width: 160px;
 }
+.max-w-\[18rem\] {
+  max-width: 18rem;
+}
 .max-w-\[200px\] {
   max-width: 200px;
 }
@@ -410,6 +410,9 @@
 .resize-none {
   resize: none;
 }
+.resize {
+  resize: both;
+}
 .appearance-none {
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -2542,15 +2545,26 @@
   overflow-y: auto;
   padding: 1rem;
 }
-.ra-confirm-root {
-  position: fixed;
-  inset: 0;
-  z-index: 2147483000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.ra-confirm-root,
+.ra-shell.ra-confirm-root {
+  position: fixed !important;
+  inset: 0 !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  width: 100vw !important;
+  height: 100vh !important;
+  z-index: 2147483000 !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
   padding: 1rem;
-  background: transparent;
+  margin: 0 !important;
+  background: transparent !important;
+  float: none !important;
+  transform: none !important;
+  pointer-events: auto;
 }
 .ra-confirm-root .ra-confirm-backdrop {
   position: absolute;
@@ -2909,6 +2923,25 @@
   flex-direction: column;
   gap: 0.125rem;
 }
+.ra-row-menu-portal {
+  position: fixed !important;
+  right: auto !important;
+  z-index: 1000 !important;
+  margin: 0 !important;
+  float: none !important;
+  top: 0;
+  left: 0;
+  min-width: 11rem;
+  padding: 0.25rem;
+  border-radius: 0.5rem;
+  background: hsl(var(--ra-surface));
+  border: 1px solid hsl(var(--ra-border));
+  box-shadow: 0 12px 28px -10px hsl(0 0% 0% / 0.25);
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+  color: hsl(var(--ra-text));
+}
 .ra-shell .ra-row-menu-item {
   display: inline-flex;
   align-items: center;
@@ -3382,25 +3415,26 @@
 .ra-shell .ra-preview-reopen {
   position: absolute;
   top: 50%;
-  right: 0;
+  right: -1.25rem;
   transform: translateY(-50%);
   z-index: 4;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 0.4rem;
-  padding: 0.65rem 0.45rem;
-  background: hsl(var(--ra-surface));
-  color: hsl(var(--ra-muted-text));
-  border: 1px solid hsl(var(--ra-border));
-  border-right: 0;
-  border-radius: calc(var(--ra-radius) * 0.85) 0 0 calc(var(--ra-radius) * 0.85);
-  box-shadow: var(--ra-card-shadow);
+  padding: 0.75rem 0.55rem;
+  background: hsl(var(--ra-accent));
+  color: hsl(var(--ra-accent-fg, 0 0% 100%));
+  border: 1px solid hsl(var(--ra-accent));
+  border-radius: 999px;
+  box-shadow: 0 1px 2px hsl(0 0% 0% / 0.08), 0 8px 18px -8px hsl(var(--ra-accent) / 0.55);
   cursor: pointer;
   transition:
-    color .12s ease,
+    transform .14s ease,
+    box-shadow .14s ease,
     background .12s ease,
-    padding-right .15s ease;
+    right .14s ease,
+    filter .12s ease;
   writing-mode: vertical-rl;
   font-size: 0.7rem;
   font-weight: 600;
@@ -3408,9 +3442,14 @@
   text-transform: uppercase;
 }
 .ra-shell .ra-preview-reopen:hover {
-  color: hsl(var(--ra-accent));
-  background: hsl(var(--ra-accent) / 0.04);
-  padding-right: 0.6rem;
+  right: -1.4rem;
+  transform: translateY(-50%);
+  filter: brightness(0.95);
+  box-shadow: 0 2px 4px hsl(0 0% 0% / 0.10), 0 12px 24px -8px hsl(var(--ra-accent) / 0.65);
+}
+.ra-shell .ra-preview-reopen:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 3px var(--ra-focus-ring), 0 8px 18px -8px hsl(var(--ra-accent) / 0.55);
 }
 .ra-shell .ra-preview-reopen svg {
   width: 0.85rem;
@@ -3525,13 +3564,16 @@
   font-weight: 500;
 }
 .ra-saveall-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 100;
+  position: fixed !important;
+  inset: 0 !important;
+  width: 100vw !important;
+  height: 100vh !important;
+  margin: 0 !important;
+  z-index: 2147483000 !important;
   background: hsl(0 0% 0% / 0.45);
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
   padding: 1rem;
   animation: ra-confirm-fade .12s ease-out;
 }
@@ -3643,4 +3685,7 @@
     transform: rotate(360deg);
   }
 }
+.sl-ui-records-admin-styles-loaded {
+  --sl-ui-records-admin-styles: loaded;
+}
 /*# sourceMappingURL=index.css.map */