@bivy/bivy 0.18.4-staging.6 → 0.18.4-staging.7
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/dist/apps/styles.css +9 -8
- package/package.json +1 -1
package/dist/apps/styles.css
CHANGED
|
@@ -1097,24 +1097,25 @@ button.sheet-action:last-child { border-bottom: 0; }
|
|
|
1097
1097
|
}
|
|
1098
1098
|
.image-viewer-img { min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: var(--radius-sm); cursor: default; }
|
|
1099
1099
|
.image-viewer-close {
|
|
1100
|
-
position: absolute; top: max(
|
|
1101
|
-
border: 0; background: var(--overlay); color: var(--accent-contrast); width: 40px; height: 40px;
|
|
1102
|
-
border-radius: var(--radius-full); font-size: 26px; line-height: 1; cursor: pointer;
|
|
1100
|
+
position: absolute; top: max(var(--space-3), env(safe-area-inset-top)); right: max(var(--space-4), env(safe-area-inset-right));
|
|
1103
1101
|
}
|
|
1102
|
+
.image-viewer-close, .image-viewer-nav {
|
|
1103
|
+
border: 1px solid var(--line-strong); background: var(--surface-3); color: var(--ink);
|
|
1104
|
+
width: var(--space-7); height: var(--space-7); border-radius: var(--radius-full);
|
|
1105
|
+
font-size: var(--text-3xl); line-height: 1; cursor: pointer;
|
|
1106
|
+
display: grid; place-items: center;
|
|
1107
|
+
}
|
|
1108
|
+
.image-viewer-close:hover, .image-viewer-nav:hover { background: var(--surface-2); }
|
|
1104
1109
|
/* Prev/next page controls in the multi-image gallery — mirror the close button. */
|
|
1105
1110
|
.image-viewer-nav {
|
|
1106
1111
|
position: absolute; top: 50%; transform: translateY(-50%);
|
|
1107
|
-
border: 0; background: var(--overlay); color: var(--accent-contrast);
|
|
1108
|
-
width: 44px; height: 44px; border-radius: var(--radius-full);
|
|
1109
|
-
font-size: 30px; line-height: 1; cursor: pointer;
|
|
1110
|
-
display: grid; place-items: center;
|
|
1111
1112
|
}
|
|
1112
1113
|
.image-viewer-nav.prev { left: max(var(--space-3), env(safe-area-inset-left)); }
|
|
1113
1114
|
.image-viewer-nav.next { right: max(var(--space-4), env(safe-area-inset-right)); }
|
|
1114
1115
|
.image-viewer-count {
|
|
1115
1116
|
position: absolute; bottom: max(var(--space-4), env(safe-area-inset-bottom));
|
|
1116
1117
|
left: 50%; transform: translateX(-50%); cursor: default;
|
|
1117
|
-
background: var(--
|
|
1118
|
+
background: var(--surface-3); color: var(--ink);
|
|
1118
1119
|
padding: var(--space-1) var(--space-3); border-radius: var(--radius-full);
|
|
1119
1120
|
font-size: var(--text-sm); font-variant-numeric: tabular-nums;
|
|
1120
1121
|
}
|
package/package.json
CHANGED