aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/smartdraw/SmartDrawHandler.scss
diff options
context:
space:
mode:
authoreleanor-park <eleanor_park@brown.edu>2025-01-01 21:28:23 -0500
committereleanor-park <eleanor_park@brown.edu>2025-01-01 21:28:23 -0500
commit4eebcc75a174b82033b5092f837b1477bcb628eb (patch)
tree12442415551176c3df936e33aa0fa82d91b9978d /src/client/views/smartdraw/SmartDrawHandler.scss
parent0eff48b757ca81860a883d25e147b8a869e5fe00 (diff)
added size option to image generation
Diffstat (limited to 'src/client/views/smartdraw/SmartDrawHandler.scss')
-rw-r--r--src/client/views/smartdraw/SmartDrawHandler.scss64
1 files changed, 41 insertions, 23 deletions
diff --git a/src/client/views/smartdraw/SmartDrawHandler.scss b/src/client/views/smartdraw/SmartDrawHandler.scss
index 513779512..4b21c92a5 100644
--- a/src/client/views/smartdraw/SmartDrawHandler.scss
+++ b/src/client/views/smartdraw/SmartDrawHandler.scss
@@ -1,6 +1,6 @@
.smart-draw-handler {
position: absolute;
- // width: 265px;
+ width: 265px;
.smart-draw-main {
display: flex;
@@ -18,36 +18,54 @@
justify-content: center;
}
- .smartdraw-svg-options {
- margin-top: 5px;
+ .smartdraw-options-container {
+ padding: 5px;
+ font-weight: bolder;
+ text-align: center;
display: flex;
- flex-direction: row;
- justify-content: space-around;
+ flex-direction: column;
- .auto-color {
+ .smartdraw-options {
+ font-weight: normal;
+ margin-top: 5px;
display: flex;
- flex-direction: column;
- align-items: center;
- width: 30%;
- }
+ flex-direction: row;
+ justify-content: space-around;
- .complexity {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 31%;
- }
+ .smartdraw-auto-color {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 30%;
+ margin-top: 3px;
+ }
- .size {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 39%;
+ .smartdraw-complexity {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 31%;
+ margin-top: 3px;
+ }
- .size-slider {
- width: 80%;
+ .smartdraw-size {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 39%;
+ margin-top: 3px;
}
}
+
+ .smartdraw-dimensions {
+ font-weight: normal;
+ margin-top: 7px;
+ padding-left: 25px;
+ }
+ }
+
+ .smartdraw-slider {
+ width: 65px;
}
.regenerate-box,