aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss
diff options
context:
space:
mode:
authorbobzel <zzzman@gmail.com>2025-01-13 22:26:35 -0500
committerbobzel <zzzman@gmail.com>2025-01-13 22:26:35 -0500
commit12f5a435ee6476e2e07ded0c9cdd597c70ca8af0 (patch)
tree258d3f999329bf94b5725fb5a04392aa007d6150 /src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss
parentc2312afe4ee969043ba3ce4cb9c275a48b0f1ee0 (diff)
changing ai for images and collections to work mostly the same way. fixes for document view/collection/images to keep things working when the ai editor view reduces the rendered document size. fixed so that freeform views overlaid on images/vieos/etc have the ui menu items of collections.
Diffstat (limited to 'src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss')
-rw-r--r--src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss15
1 files changed, 13 insertions, 2 deletions
diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss
index dff2cb282..82887a7a5 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss
@@ -312,10 +312,14 @@
.collectionfreeformview-aiView-prompt {
height: 25px;
+ width: 100%;
}
.collectionFreeFormView-aiView-strength {
text-align: center;
+ align-items: center;
+ display: flex;
+ width: 150px;
}
.collectionFreeformView-aiView-options-container,
@@ -323,13 +327,20 @@
text-align: start;
font-weight: normal;
padding: 5px;
+ width: 100%;
+ display: flex;
+ .collectionFreeformView-aiView-subtitle {
+ margin: auto;
+ width: 40px;
+ }
}
.collectionFreeformView-aiView-options,
.collectionFreeFormView-aiView-regenerate {
display: flex;
flex-direction: row;
- gap: 10px;
- justify-content: center;
align-items: center;
+ align-items: center;
+ width: 100%;
+ gap: 10px;
}
}