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/hover-card.css | |
| parent | 20619a6a26ec0cfc2707b7ed13387715e9f9cdaa (diff) | |
| download | opencode-fe66ca163cbb9d689cf296c4c2f7a63414c1cf45.tar.gz opencode-fe66ca163cbb9d689cf296c4c2f7a63414c1cf45.zip | |
chore: generate
Diffstat (limited to 'packages/ui/src/components/hover-card.css')
| -rw-r--r-- | packages/ui/src/components/hover-card.css | 102 |
1 files changed, 50 insertions, 52 deletions
diff --git a/packages/ui/src/components/hover-card.css b/packages/ui/src/components/hover-card.css index 2a588adc6..d23e43946 100644 --- a/packages/ui/src/components/hover-card.css +++ b/packages/ui/src/components/hover-card.css @@ -1,63 +1,61 @@ [data-slot="hover-card-trigger"] { - display: flex; - width: 100%; - min-width: 0; + display: flex; + width: 100%; + min-width: 0; } [data-component="hover-card-content"] { - z-index: 50; - min-width: 200px; - max-width: 320px; - max-height: calc(100vh - 1rem); - border-radius: 8px; - background-color: var(--surface-raised-stronger-non-alpha); - pointer-events: auto; - - border: 1px solid color-mix(in oklch, var(--border-base) 50%, transparent); - background-clip: padding-box; - box-shadow: var(--shadow-md); - - transform-origin: var(--kb-hovercard-content-transform-origin); - - &:focus-within { - outline: none; - } - - &[data-closed] { - animation: hover-card-close var(--transition-duration) - var(--transition-easing); - } - - &[data-expanded] { - animation: hover-card-open var(--transition-duration) - var(--transition-easing); - } - - [data-slot="hover-card-body"] { - padding: 4px; - max-height: inherit; - overflow: hidden; - } + z-index: 50; + min-width: 200px; + max-width: 320px; + max-height: calc(100vh - 1rem); + border-radius: 8px; + background-color: var(--surface-raised-stronger-non-alpha); + pointer-events: auto; + + border: 1px solid color-mix(in oklch, var(--border-base) 50%, transparent); + background-clip: padding-box; + box-shadow: var(--shadow-md); + + transform-origin: var(--kb-hovercard-content-transform-origin); + + &:focus-within { + outline: none; + } + + &[data-closed] { + animation: hover-card-close var(--transition-duration) var(--transition-easing); + } + + &[data-expanded] { + animation: hover-card-open var(--transition-duration) var(--transition-easing); + } + + [data-slot="hover-card-body"] { + padding: 4px; + max-height: inherit; + overflow: hidden; + } } @keyframes hover-card-open { - from { - opacity: 0; - transform: scale(0.96); - } - to { - opacity: 1; - transform: scale(1); - } + from { + opacity: 0; + transform: scale(0.96); + } + to { + opacity: 1; + transform: scale(1); + } } @keyframes hover-card-close { - from { - opacity: 1; - transform: scale(1); - } - to { - opacity: 0; - transform: scale(0.96); - } + from { + opacity: 1; + transform: scale(1); + } + to { + opacity: 0; + transform: scale(0.96); + } } |
