llmasaservice-ui 0.8.5 → 0.8.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/dist/index.css CHANGED
@@ -1,4 +1,9 @@
1
1
  /* src/ChatPanel.css */
2
+ *,
3
+ *::before,
4
+ *::after {
5
+ box-sizing: border-box;
6
+ }
2
7
  :root {
3
8
  --spacing-small: 0.3rem;
4
9
  --spacing-medium: 0.5rem;
@@ -8,8 +13,8 @@
8
13
  --icon-button-size-large: 2.5rem;
9
14
  --icon-size-small: 1.5rem;
10
15
  --icon-button-size-small: 1.7rem;
11
- --button-send-size: 3rem;
12
- --input-height: 3rem;
16
+ --button-send-size: 40px;
17
+ --input-height: 40px;
13
18
  --background-color: #fff;
14
19
  --title-text-color: #555;
15
20
  --title-background-color: #fff;
@@ -93,6 +98,7 @@
93
98
  flex: 1;
94
99
  color: var(--input-text-color);
95
100
  margin: 0 var(--spacing-small);
101
+ padding: var(--spacing-small);
96
102
  border-radius: var(--border-radius);
97
103
  height: var(--input-height);
98
104
  min-height: var(--input-height);
@@ -108,6 +114,7 @@
108
114
  }
109
115
  .llm-panel .send-button {
110
116
  margin-right: var(--spacing-small);
117
+ padding: var(--spacing-small);
111
118
  background-color: var(--button-background-color);
112
119
  color: var(--button-text-color);
113
120
  background-color: var(--input-background-color);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "llmasaservice-ui",
3
- "version": "0.8.5",
3
+ "version": "0.8.8",
4
4
  "description": "Prebuilt UI components for LLMAsAService.io",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
package/src/ChatPanel.css CHANGED
@@ -3,6 +3,12 @@
3
3
  Version: 1.1.0 (Improved)
4
4
  -------------------------------------------------------- */
5
5
 
6
+ *,
7
+ *::before,
8
+ *::after {
9
+ box-sizing: border-box;
10
+ }
11
+
6
12
  /* Root Variables */
7
13
  :root {
8
14
  /* Spacing Variables */
@@ -15,8 +21,8 @@
15
21
  --icon-button-size-large: 2.5rem;
16
22
  --icon-size-small: 1.5rem;
17
23
  --icon-button-size-small: 1.7rem;
18
- --button-send-size: 3rem;
19
- --input-height: 3rem;
24
+ --button-send-size: 40px;
25
+ --input-height: 40px;
20
26
 
21
27
  /* Light Theme Colors */
22
28
  --background-color: #fff;
@@ -125,6 +131,7 @@
125
131
  flex: 1;
126
132
  color: var(--input-text-color);
127
133
  margin: 0 var(--spacing-small);
134
+ padding: var(--spacing-small);
128
135
  border-radius: var(--border-radius);
129
136
  height: var(--input-height);
130
137
  min-height: var(--input-height);
@@ -144,6 +151,7 @@
144
151
  /* Send Button */
145
152
  .llm-panel .send-button {
146
153
  margin-right: var(--spacing-small);
154
+ padding: var(--spacing-small);
147
155
  background-color: var(--button-background-color);
148
156
  color: var(--button-text-color);
149
157
  background-color: var(--input-background-color);