@gradio/multimodaltextbox 0.4.7 → 0.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @gradio/multimodaltextbox
2
2
 
3
+ ## 0.4.8
4
+
5
+ ### Features
6
+
7
+ - [#8377](https://github.com/gradio-app/gradio/pull/8377) [`341844f`](https://github.com/gradio-app/gradio/commit/341844f04efe0e7e512c7ca443f3f2b195a32fa7) - Click to preview images in chatbot. Thanks @dawoodkhan82!
8
+ - [#8455](https://github.com/gradio-app/gradio/pull/8455) [`a970589`](https://github.com/gradio-app/gradio/commit/a970589cf57c72650f45fbc6a82ad9c52a6e4712) - Fix multimodal textbox placeholder. Thanks @dawoodkhan82!
9
+
10
+ ### Fixes
11
+
12
+ - [#8369](https://github.com/gradio-app/gradio/pull/8369) [`4795c6e`](https://github.com/gradio-app/gradio/commit/4795c6e9e942b5ce489e4451ef84fa75128d89d2) - Fix multimodal textbox styling for certain themes. Thanks @dawoodkhan82!
13
+
3
14
  ## 0.4.7
4
15
 
5
16
  ### Dependency updates
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gradio/multimodaltextbox",
3
- "version": "0.4.7",
3
+ "version": "0.4.8",
4
4
  "description": "Gradio UI packages",
5
5
  "type": "module",
6
6
  "author": "",
@@ -16,11 +16,11 @@
16
16
  "dependencies": {
17
17
  "@gradio/atoms": "^0.7.4",
18
18
  "@gradio/icons": "^0.4.1",
19
+ "@gradio/statustracker": "^0.6.0",
19
20
  "@gradio/utils": "^0.4.2",
20
- "@gradio/upload": "^0.10.7",
21
21
  "@gradio/image": "^0.11.7",
22
- "@gradio/statustracker": "^0.6.0",
23
- "@gradio/client": "^0.20.1"
22
+ "@gradio/client": "^0.20.1",
23
+ "@gradio/upload": "^0.10.7"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@gradio/preview": "^0.9.0"
@@ -303,8 +303,9 @@
303
303
  .input-container {
304
304
  display: flex;
305
305
  flex-direction: column;
306
+ justify-content: flex-end;
306
307
  align-items: center;
307
- justify-content: center;
308
+ position: relative;
308
309
  }
309
310
 
310
311
  textarea {
@@ -313,6 +314,7 @@
313
314
  background: var(--input-background-fill);
314
315
  padding: var(--input-padding);
315
316
  width: 90%;
317
+ max-width: 95%;
316
318
  max-height: 100%;
317
319
  height: 25px;
318
320
  color: var(--body-text-color);
@@ -322,17 +324,17 @@
322
324
  border: none;
323
325
  margin-top: 0px;
324
326
  margin-bottom: 0px;
325
- margin-left: 30px;
327
+ margin-left: 5%;
326
328
  padding-top: 12px;
327
329
  resize: none;
328
330
  }
329
331
 
330
332
  textarea:disabled {
331
- -webkit-text-fill-color: var(--body-text-color);
332
333
  -webkit-opacity: 1;
333
334
  opacity: 1;
334
- width: 100%;
335
- margin-left: 0px;
335
+ width: 90%;
336
+ max-width: 95%;
337
+ margin-left: 35px;
336
338
  }
337
339
 
338
340
  textarea::placeholder {
@@ -352,7 +354,7 @@
352
354
  border-radius: 50%;
353
355
  width: 30px;
354
356
  height: 30px;
355
- bottom: 15px;
357
+ bottom: 5px;
356
358
  }
357
359
 
358
360
  .upload-button:hover,
@@ -366,7 +368,7 @@
366
368
  }
367
369
 
368
370
  .submit-button {
369
- right: 10px;
371
+ right: 0px;
370
372
  margin-left: 5px;
371
373
  padding-bottom: 5px;
372
374
  padding-left: 2px;
@@ -380,7 +382,7 @@
380
382
  }
381
383
 
382
384
  .upload-button {
383
- left: 10px;
385
+ left: 0px;
384
386
  margin-right: 5px;
385
387
  }
386
388