diff --git a/app/javascript/dashboard/assets/scss/_woot.scss b/app/javascript/dashboard/assets/scss/_woot.scss index fdd467f5f..c6304cf19 100644 --- a/app/javascript/dashboard/assets/scss/_woot.scss +++ b/app/javascript/dashboard/assets/scss/_woot.scss @@ -135,6 +135,7 @@ --solid-active: 255 255 255; --solid-amber: 252 232 193; --solid-blue: 218 236 255; + --solid-iris: 230 231 255; --alpha-1: 67, 67, 67, 0.06; --alpha-2: 201, 202, 207, 0.15; @@ -142,10 +143,10 @@ --black-alpha-1: 0, 0, 0, 0.12; --black-alpha-2: 0, 0, 0, 0.04; --border-blue: 39, 129, 246, 0.5; - --white-alpha: 255, 255, 255, 0.1; + --white-alpha: 255, 255, 255, 0.8; } - body.dark { + .dark { /* slate */ --slate-1: 17 17 19; --slate-2: 24 25 27; @@ -221,6 +222,7 @@ --solid-active: 53 57 66; --solid-amber: 42 37 30; --solid-blue: 16 49 91; + --solid-iris: 38 42 101; --text-blue: 126 182 255; --alpha-1: 36, 36, 36, 0.8; @@ -230,7 +232,7 @@ --black-alpha-2: 0, 0, 0, 0.2; --border-blue: 39, 129, 246, 0.5; --border-container: 236, 236, 236, 0; - --white-alpha: 255, 255, 255, 0.1; + --white-alpha: 255, 255, 255, 0.8; } /* NEXT COLORS END */ diff --git a/app/javascript/dashboard/components-next/icon/FileIcon.story.vue b/app/javascript/dashboard/components-next/icon/FileIcon.story.vue new file mode 100644 index 000000000..3a831b96f --- /dev/null +++ b/app/javascript/dashboard/components-next/icon/FileIcon.story.vue @@ -0,0 +1,36 @@ + + + diff --git a/app/javascript/dashboard/components-next/icon/FileIcon.vue b/app/javascript/dashboard/components-next/icon/FileIcon.vue new file mode 100644 index 000000000..8dd9e7ce1 --- /dev/null +++ b/app/javascript/dashboard/components-next/icon/FileIcon.vue @@ -0,0 +1,38 @@ + + + diff --git a/app/javascript/dashboard/components-next/message/Message.vue b/app/javascript/dashboard/components-next/message/Message.vue new file mode 100644 index 000000000..07bcc203b --- /dev/null +++ b/app/javascript/dashboard/components-next/message/Message.vue @@ -0,0 +1,352 @@ + + + diff --git a/app/javascript/dashboard/components-next/message/MessageError.vue b/app/javascript/dashboard/components-next/message/MessageError.vue new file mode 100644 index 000000000..128ab0b06 --- /dev/null +++ b/app/javascript/dashboard/components-next/message/MessageError.vue @@ -0,0 +1,31 @@ + + + diff --git a/app/javascript/dashboard/components-next/message/MessageMeta.vue b/app/javascript/dashboard/components-next/message/MessageMeta.vue new file mode 100644 index 000000000..237fb7c5b --- /dev/null +++ b/app/javascript/dashboard/components-next/message/MessageMeta.vue @@ -0,0 +1,77 @@ + + + diff --git a/app/javascript/dashboard/components-next/message/MessageStatus.vue b/app/javascript/dashboard/components-next/message/MessageStatus.vue new file mode 100644 index 000000000..d8f996cf5 --- /dev/null +++ b/app/javascript/dashboard/components-next/message/MessageStatus.vue @@ -0,0 +1,93 @@ + + + diff --git a/app/javascript/dashboard/components-next/message/bubbles/Activity.vue b/app/javascript/dashboard/components-next/message/bubbles/Activity.vue new file mode 100644 index 000000000..72fa1a3b9 --- /dev/null +++ b/app/javascript/dashboard/components-next/message/bubbles/Activity.vue @@ -0,0 +1,16 @@ + + + diff --git a/app/javascript/dashboard/components-next/message/bubbles/Attachments.vue b/app/javascript/dashboard/components-next/message/bubbles/Attachments.vue new file mode 100644 index 000000000..af3593d82 --- /dev/null +++ b/app/javascript/dashboard/components-next/message/bubbles/Attachments.vue @@ -0,0 +1,30 @@ + + + diff --git a/app/javascript/dashboard/components-next/message/bubbles/Audio.vue b/app/javascript/dashboard/components-next/message/bubbles/Audio.vue new file mode 100644 index 000000000..eed369abc --- /dev/null +++ b/app/javascript/dashboard/components-next/message/bubbles/Audio.vue @@ -0,0 +1,44 @@ + + + diff --git a/app/javascript/dashboard/components-next/message/bubbles/Base.vue b/app/javascript/dashboard/components-next/message/bubbles/Base.vue new file mode 100644 index 000000000..a6530f743 --- /dev/null +++ b/app/javascript/dashboard/components-next/message/bubbles/Base.vue @@ -0,0 +1,90 @@ + + + diff --git a/app/javascript/dashboard/components-next/message/bubbles/BaseAttachment.vue b/app/javascript/dashboard/components-next/message/bubbles/BaseAttachment.vue new file mode 100644 index 000000000..45880d521 --- /dev/null +++ b/app/javascript/dashboard/components-next/message/bubbles/BaseAttachment.vue @@ -0,0 +1,78 @@ + + + diff --git a/app/javascript/dashboard/components-next/message/bubbles/Contact.vue b/app/javascript/dashboard/components-next/message/bubbles/Contact.vue new file mode 100644 index 000000000..ce16e1b1e --- /dev/null +++ b/app/javascript/dashboard/components-next/message/bubbles/Contact.vue @@ -0,0 +1,137 @@ + + + diff --git a/app/javascript/dashboard/components-next/message/bubbles/Dyte.vue b/app/javascript/dashboard/components-next/message/bubbles/Dyte.vue new file mode 100644 index 000000000..63932c18d --- /dev/null +++ b/app/javascript/dashboard/components-next/message/bubbles/Dyte.vue @@ -0,0 +1,109 @@ + + +