@memori.ai/memori-react 7.0.7 → 7.0.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.
Files changed (5) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/components/layouts/chat.css +17 -4
  3. package/esm/components/layouts/chat.css +17 -4
  4. package/package.json +1 -1
  5. package/src/components/layouts/chat.css +17 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
 
2
2
 
3
+ ## [7.0.8](https://github.com/memori-ai/memori-react/compare/v7.0.7...v7.0.8) (2024-07-16)
4
+
5
+
6
+ ### Changes
7
+
8
+ * chat layout progressive max-width ([80c8ab8](https://github.com/memori-ai/memori-react/commit/80c8ab8fd237147311be81f68a467eae16fe4143))
9
+
3
10
  ## [7.0.7](https://github.com/memori-ai/memori-react/compare/v7.0.6...v7.0.7) (2024-07-12)
4
11
 
5
12
 
package/dist/components/layouts/chat.css CHANGED
@@ -6,7 +6,7 @@
6
6
  background: none;
7
7
  }
8
8
 
9
- .memori-widget>.memori-spin.memori-chat-layout {
9
+ .memori-widget > .memori-spin.memori-chat-layout {
10
10
  display: flex;
11
11
  height: 100%;
12
12
  flex-direction: column;
@@ -62,7 +62,7 @@
62
62
  .memori-chat-layout--controls .memori--start-panel,
63
63
  .memori-chat-layout--controls .memori-chat--wrapper {
64
64
  width: 80vw;
65
- max-width: 800px;
65
+ max-width: 1200px;
66
66
  margin: 0 auto;
67
67
  }
68
68
 
@@ -78,8 +78,21 @@
78
78
  padding: 0;
79
79
  }
80
80
 
81
- @media (max-width: 870px) {
81
+ @media (max-width: 1200px) {
82
+ .memori-chat-layout--controls .memori--start-panel,
83
+ .memori-chat-layout--controls .memori-chat--wrapper {
84
+ max-width: 1000px;
85
+ }
86
+ }
87
+
88
+ @media (max-width: 991px) {
89
+ .memori-chat-layout--controls .memori--start-panel,
90
+ .memori-chat-layout--controls .memori-chat--wrapper {
91
+ max-width: 800px;
92
+ }
93
+ }
82
94
 
95
+ @media (max-width: 870px) {
83
96
  .memori-chat-layout--controls .memori--start-panel,
84
97
  .memori-chat-layout--controls .memori-chat--wrapper {
85
98
  width: 100%;
@@ -114,4 +127,4 @@
114
127
 
115
128
  .memori-chat-layout .memori--global-background-image {
116
129
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(200, 200, 200, 0.8));
117
- }
130
+ }
package/esm/components/layouts/chat.css CHANGED
@@ -6,7 +6,7 @@
6
6
  background: none;
7
7
  }
8
8
 
9
- .memori-widget>.memori-spin.memori-chat-layout {
9
+ .memori-widget > .memori-spin.memori-chat-layout {
10
10
  display: flex;
11
11
  height: 100%;
12
12
  flex-direction: column;
@@ -62,7 +62,7 @@
62
62
  .memori-chat-layout--controls .memori--start-panel,
63
63
  .memori-chat-layout--controls .memori-chat--wrapper {
64
64
  width: 80vw;
65
- max-width: 800px;
65
+ max-width: 1200px;
66
66
  margin: 0 auto;
67
67
  }
68
68
 
@@ -78,8 +78,21 @@
78
78
  padding: 0;
79
79
  }
80
80
 
81
- @media (max-width: 870px) {
81
+ @media (max-width: 1200px) {
82
+ .memori-chat-layout--controls .memori--start-panel,
83
+ .memori-chat-layout--controls .memori-chat--wrapper {
84
+ max-width: 1000px;
85
+ }
86
+ }
87
+
88
+ @media (max-width: 991px) {
89
+ .memori-chat-layout--controls .memori--start-panel,
90
+ .memori-chat-layout--controls .memori-chat--wrapper {
91
+ max-width: 800px;
92
+ }
93
+ }
82
94
 
95
+ @media (max-width: 870px) {
83
96
  .memori-chat-layout--controls .memori--start-panel,
84
97
  .memori-chat-layout--controls .memori-chat--wrapper {
85
98
  width: 100%;
@@ -114,4 +127,4 @@
114
127
 
115
128
  .memori-chat-layout .memori--global-background-image {
116
129
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(200, 200, 200, 0.8));
117
- }
130
+ }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "7.0.7",
2
+ "version": "7.0.8",
3
3
  "name": "@memori.ai/memori-react",
4
4
  "author": "Memori Srl",
5
5
  "main": "dist/index.js",
package/src/components/layouts/chat.css CHANGED
@@ -6,7 +6,7 @@
6
6
  background: none;
7
7
  }
8
8
 
9
- .memori-widget>.memori-spin.memori-chat-layout {
9
+ .memori-widget > .memori-spin.memori-chat-layout {
10
10
  display: flex;
11
11
  height: 100%;
12
12
  flex-direction: column;
@@ -62,7 +62,7 @@
62
62
  .memori-chat-layout--controls .memori--start-panel,
63
63
  .memori-chat-layout--controls .memori-chat--wrapper {
64
64
  width: 80vw;
65
- max-width: 800px;
65
+ max-width: 1200px;
66
66
  margin: 0 auto;
67
67
  }
68
68
 
@@ -78,8 +78,21 @@
78
78
  padding: 0;
79
79
  }
80
80
 
81
- @media (max-width: 870px) {
81
+ @media (max-width: 1200px) {
82
+ .memori-chat-layout--controls .memori--start-panel,
83
+ .memori-chat-layout--controls .memori-chat--wrapper {
84
+ max-width: 1000px;
85
+ }
86
+ }
87
+
88
+ @media (max-width: 991px) {
89
+ .memori-chat-layout--controls .memori--start-panel,
90
+ .memori-chat-layout--controls .memori-chat--wrapper {
91
+ max-width: 800px;
92
+ }
93
+ }
82
94
 
95
+ @media (max-width: 870px) {
83
96
  .memori-chat-layout--controls .memori--start-panel,
84
97
  .memori-chat-layout--controls .memori-chat--wrapper {
85
98
  width: 100%;
@@ -114,4 +127,4 @@
114
127
 
115
128
  .memori-chat-layout .memori--global-background-image {
116
129
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(200, 200, 200, 0.8));
117
- }
130
+ }