aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/ImageBox.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/nodes/ImageBox.scss')
-rw-r--r--src/client/views/nodes/ImageBox.scss41
1 files changed, 34 insertions, 7 deletions
diff --git a/src/client/views/nodes/ImageBox.scss b/src/client/views/nodes/ImageBox.scss
index 3d6942e6f..5a6292fab 100644
--- a/src/client/views/nodes/ImageBox.scss
+++ b/src/client/views/nodes/ImageBox.scss
@@ -114,7 +114,6 @@
width: 100%;
height: 100%;
position: absolute;
- background: black;
display: flex;
flex-direction: row;
align-items: center;
@@ -143,11 +142,8 @@
}
}
.imageBox-regenerateDropTarget {
- right: 30;
- border-radius: 50%;
- svg {
- border-radius: 50%;
- }
+ right: 35;
+ transform-origin: 70px 35px;
}
.imageBox-fader img {
@@ -240,8 +236,39 @@
.imageBox-aiView-input {
overflow: hidden;
text-overflow: ellipsis;
- max-width: 65%;
+ max-width: 80%;
width: 100%;
color: black;
}
}
+.imageBox-regenerate-dialog {
+ position: absolute;
+ background: white;
+ padding: 10px;
+ border-radius: 8px;
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+ z-index: 10000;
+
+ h3 {
+ margin-top: 0;
+ }
+
+ input {
+ width: 300px;
+ padding: 8px;
+ margin-bottom: 10px;
+ }
+
+ .buttons {
+ display: flex;
+ justify-content: flex-end;
+ gap: 10px;
+
+ .generate-btn {
+ background: #0078d4;
+ color: white;
+ border: none;
+ padding: 8px 16px;
+ }
+ }
+}