diff options
| author | opencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com> | 2026-01-30 17:58:31 +0000 |
|---|---|---|
| committer | opencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com> | 2026-01-30 17:58:31 +0000 |
| commit | fe66ca163cbb9d689cf296c4c2f7a63414c1cf45 (patch) | |
| tree | e330cc07e4ce3b68f64592f7c123cfa1ce77ef23 /packages/ui/src/components/image-preview.css | |
| parent | 20619a6a26ec0cfc2707b7ed13387715e9f9cdaa (diff) | |
| download | opencode-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.css | 110 |
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); + } + } + } } |
