summaryrefslogtreecommitdiffhomepage
path: root/cloud/web/src/ui/style/component/dialog.css
diff options
context:
space:
mode:
authorFrank <[email protected]>2025-08-29 23:32:17 -0400
committerFrank <[email protected]>2025-08-29 23:32:17 -0400
commit37f284f9a97d3354143d64fc76c2eb9f7d9ccf9e (patch)
tree053db9abcb2178c71b22ebeadd07f920750ef5d2 /cloud/web/src/ui/style/component/dialog.css
parent0178eab29bda2f1b37a29543cd313ede48ad3977 (diff)
downloadopencode-37f284f9a97d3354143d64fc76c2eb9f7d9ccf9e.tar.gz
opencode-37f284f9a97d3354143d64fc76c2eb9f7d9ccf9e.zip
wip: cloud
Diffstat (limited to 'cloud/web/src/ui/style/component/dialog.css')
-rw-r--r--cloud/web/src/ui/style/component/dialog.css84
1 files changed, 0 insertions, 84 deletions
diff --git a/cloud/web/src/ui/style/component/dialog.css b/cloud/web/src/ui/style/component/dialog.css
deleted file mode 100644
index 59867818f..000000000
--- a/cloud/web/src/ui/style/component/dialog.css
+++ /dev/null
@@ -1,84 +0,0 @@
-[data-component="dialog-overlay"] {
- pointer-events: none !important;
- position: fixed;
- inset: 0;
- animation-name: fadeOut;
- animation-duration: 200ms;
- animation-timing-function: ease;
- opacity: 0;
- backdrop-filter: blur(2px);
-
- &[data-expanded] {
- animation-name: fadeIn;
- opacity: 1;
- pointer-events: auto !important;
- }
-}
-
-[data-component="dialog-center"] {
- position: fixed;
- inset: 0;
- padding-top: 10vh;
- justify-content: center;
- pointer-events: none;
-
- [data-slot="content"] {
- width: 45rem;
- margin: 0 auto;
- transition: 150ms width;
- background-color: var(--color-bg);
- border-width: 2px;
- border-color: var(--color-border);
- overflow: hidden;
- display: flex;
- flex-direction: column;
- gap: var(--space-3);
- outline: none;
- animation-duration: 1ms;
- animation-name: zoomOut;
- animation-timing-function: ease;
-
- box-shadow: 8px 8px 0px 0px var(--color-gray-4);
-
- &[data-expanded] {
- animation-name: zoomIn;
- }
-
- &[data-transition] {
- animation-duration: 200ms;
- }
-
- &[data-size="sm"] {
- width: 30rem;
- }
-
- [data-slot="header"] {
- display: flex;
- padding: var(--space-4) var(--space-4) 0;
-
- [data-slot="title"] {
- }
- }
-
- [data-slot="main"] {
- padding: 0 var(--space-4);
-
- &:has([data-slot="options"]) {
- padding: 0;
- display: flex;
- flex-direction: column;
- gap: var(--space-4);
- }
- }
-
- [data-slot="input"] {
- }
-
- [data-slot="footer"] {
- padding: var(--space-4);
- display: flex;
- gap: var(--space-4);
- justify-content: end;
- }
- }
-}