@alliance-droid/chat-widget 0.1.7 → 0.1.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.
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
|
|
69
69
|
<div class="rounded-2xl px-4 py-2 {bubbleClasses()}" style="max-width: 80%; overflow: hidden; word-wrap: break-word;">
|
|
70
70
|
{#if renderedContent()}
|
|
71
|
-
<div class="
|
|
71
|
+
<div class="markdown-content" style="word-break: break-word; overflow-wrap: anywhere;">
|
|
72
72
|
{@html renderedContent()}
|
|
73
73
|
</div>
|
|
74
74
|
{:else}
|
|
@@ -85,56 +85,71 @@
|
|
|
85
85
|
</div>
|
|
86
86
|
|
|
87
87
|
<style>
|
|
88
|
-
.
|
|
88
|
+
.markdown-content {
|
|
89
|
+
color: inherit;
|
|
90
|
+
}
|
|
91
|
+
.markdown-content :global(p) {
|
|
89
92
|
margin: 0.5em 0;
|
|
93
|
+
color: inherit;
|
|
90
94
|
}
|
|
91
|
-
.
|
|
95
|
+
.markdown-content :global(p:first-child) {
|
|
92
96
|
margin-top: 0;
|
|
93
97
|
}
|
|
94
|
-
.
|
|
98
|
+
.markdown-content :global(p:last-child) {
|
|
95
99
|
margin-bottom: 0;
|
|
96
100
|
}
|
|
97
|
-
.
|
|
101
|
+
.markdown-content :global(ul), .markdown-content :global(ol) {
|
|
98
102
|
margin: 0.5em 0;
|
|
99
103
|
padding-left: 1.5em;
|
|
104
|
+
color: inherit;
|
|
100
105
|
}
|
|
101
|
-
.
|
|
106
|
+
.markdown-content :global(li) {
|
|
102
107
|
margin: 0.25em 0;
|
|
108
|
+
color: inherit;
|
|
103
109
|
}
|
|
104
|
-
.
|
|
105
|
-
background: rgba(
|
|
110
|
+
.markdown-content :global(code) {
|
|
111
|
+
background: rgba(128, 128, 128, 0.2);
|
|
106
112
|
padding: 0.1em 0.3em;
|
|
107
113
|
border-radius: 0.25em;
|
|
108
114
|
font-size: 0.9em;
|
|
115
|
+
color: inherit;
|
|
109
116
|
}
|
|
110
|
-
.
|
|
111
|
-
background: rgba(
|
|
117
|
+
.markdown-content :global(pre) {
|
|
118
|
+
background: rgba(128, 128, 128, 0.2);
|
|
112
119
|
padding: 0.75em;
|
|
113
120
|
border-radius: 0.5em;
|
|
114
121
|
overflow-x: auto;
|
|
115
122
|
margin: 0.5em 0;
|
|
123
|
+
color: inherit;
|
|
116
124
|
}
|
|
117
|
-
.
|
|
125
|
+
.markdown-content :global(pre code) {
|
|
118
126
|
background: none;
|
|
119
127
|
padding: 0;
|
|
120
128
|
}
|
|
121
|
-
.
|
|
129
|
+
.markdown-content :global(h1), .markdown-content :global(h2), .markdown-content :global(h3) {
|
|
122
130
|
margin: 0.75em 0 0.5em;
|
|
123
131
|
font-weight: 600;
|
|
132
|
+
color: inherit;
|
|
124
133
|
}
|
|
125
|
-
.
|
|
126
|
-
.
|
|
127
|
-
.
|
|
128
|
-
.
|
|
134
|
+
.markdown-content :global(h1) { font-size: 1.25em; }
|
|
135
|
+
.markdown-content :global(h2) { font-size: 1.125em; }
|
|
136
|
+
.markdown-content :global(h3) { font-size: 1em; }
|
|
137
|
+
.markdown-content :global(blockquote) {
|
|
129
138
|
border-left: 3px solid currentColor;
|
|
130
139
|
opacity: 0.8;
|
|
131
140
|
padding-left: 1em;
|
|
132
141
|
margin: 0.5em 0;
|
|
142
|
+
color: inherit;
|
|
133
143
|
}
|
|
134
|
-
.
|
|
144
|
+
.markdown-content :global(a) {
|
|
135
145
|
text-decoration: underline;
|
|
146
|
+
color: inherit;
|
|
136
147
|
}
|
|
137
|
-
.
|
|
148
|
+
.markdown-content :global(strong) {
|
|
138
149
|
font-weight: 600;
|
|
150
|
+
color: inherit;
|
|
151
|
+
}
|
|
152
|
+
.markdown-content :global(em) {
|
|
153
|
+
color: inherit;
|
|
139
154
|
}
|
|
140
155
|
</style>
|