summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/components/image-preview.css
diff options
context:
space:
mode:
authoropencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com>2026-01-30 17:58:31 +0000
committeropencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com>2026-01-30 17:58:31 +0000
commitfe66ca163cbb9d689cf296c4c2f7a63414c1cf45 (patch)
treee330cc07e4ce3b68f64592f7c123cfa1ce77ef23 /packages/ui/src/components/image-preview.css
parent20619a6a26ec0cfc2707b7ed13387715e9f9cdaa (diff)
downloadopencode-fe66ca163cbb9d689cf296c4c2f7a63414c1cf45.tar.gz
opencode-fe66ca163cbb9d689cf296c4c2f7a63414c1cf45.zip
chore: generate
Diffstat (limited to 'packages/ui/src/components/image-preview.css')
-rw-r--r--packages/ui/src/components/image-preview.css110
1 files changed, 55 insertions, 55 deletions
diff --git a/packages/ui/src/components/image-preview.css b/packages/ui/src/components/image-preview.css
index b63f60eba..3c47f7a25 100644
--- a/packages/ui/src/components/image-preview.css
+++ b/packages/ui/src/components/image-preview.css
@@ -1,63 +1,63 @@
[data-component="image-preview"] {
- position: fixed;
- inset: 0;
- z-index: 50;
- display: flex;
- align-items: center;
- justify-content: center;
+ position: fixed;
+ inset: 0;
+ z-index: 50;
+ display: flex;
+ align-items: center;
+ justify-content: center;
- [data-slot="image-preview-container"] {
- position: relative;
- z-index: 50;
- width: min(calc(100vw - 32px), 90vw);
- max-width: 1200px;
- height: min(calc(100vh - 32px), 90vh);
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
+ [data-slot="image-preview-container"] {
+ position: relative;
+ z-index: 50;
+ width: min(calc(100vw - 32px), 90vw);
+ max-width: 1200px;
+ height: min(calc(100vh - 32px), 90vh);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
- [data-slot="image-preview-content"] {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 100%;
- max-height: 100%;
- border-radius: var(--radius-lg);
- background: var(--surface-raised-stronger-non-alpha);
- box-shadow:
- 0 15px 45px 0 rgba(19, 16, 16, 0.35),
- 0 3.35px 10.051px 0 rgba(19, 16, 16, 0.25),
- 0 0.998px 2.993px 0 rgba(19, 16, 16, 0.2);
- overflow: hidden;
+ [data-slot="image-preview-content"] {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 100%;
+ max-height: 100%;
+ border-radius: var(--radius-lg);
+ background: var(--surface-raised-stronger-non-alpha);
+ box-shadow:
+ 0 15px 45px 0 rgba(19, 16, 16, 0.35),
+ 0 3.35px 10.051px 0 rgba(19, 16, 16, 0.25),
+ 0 0.998px 2.993px 0 rgba(19, 16, 16, 0.2);
+ overflow: hidden;
- &:focus-visible {
- outline: none;
- }
+ &:focus-visible {
+ outline: none;
+ }
- [data-slot="image-preview-header"] {
- display: flex;
- padding: 8px 8px 0;
- justify-content: flex-end;
- align-items: center;
- align-self: stretch;
- }
+ [data-slot="image-preview-header"] {
+ display: flex;
+ padding: 8px 8px 0;
+ justify-content: flex-end;
+ align-items: center;
+ align-self: stretch;
+ }
- [data-slot="image-preview-body"] {
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 16px;
- overflow: auto;
- }
+ [data-slot="image-preview-body"] {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 16px;
+ overflow: auto;
+ }
- [data-slot="image-preview-image"] {
- max-width: 100%;
- max-height: calc(90vh - 100px);
- object-fit: contain;
- border-radius: var(--radius-md);
- }
- }
- }
+ [data-slot="image-preview-image"] {
+ max-width: 100%;
+ max-height: calc(90vh - 100px);
+ object-fit: contain;
+ border-radius: var(--radius-md);
+ }
+ }
+ }
}