diff options
author | jdlugosz963 <jdlugosz963@gmail.com> | 2021-12-13 15:21:21 +0100 |
---|---|---|
committer | jdlugosz963 <jdlugosz963@gmail.com> | 2021-12-13 15:21:21 +0100 |
commit | 98bec5686da0c4b7d0279b94968040b01e3218fa (patch) | |
tree | 1489bbc80965457ba77c06da57ec496802b03c3d /src/components/GroupView.vue | |
parent | 4b6be9f09ff56dfae1c719cb744f2312e11be317 (diff) | |
download | lom_frontend-98bec5686da0c4b7d0279b94968040b01e3218fa.tar.gz lom_frontend-98bec5686da0c4b7d0279b94968040b01e3218fa.zip |
add group searcher dont work for now
Diffstat (limited to 'src/components/GroupView.vue')
-rw-r--r-- | src/components/GroupView.vue | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/src/components/GroupView.vue b/src/components/GroupView.vue new file mode 100644 index 0000000..1608cf4 --- /dev/null +++ b/src/components/GroupView.vue | |||
@@ -0,0 +1,47 @@ | |||
1 | <template> | ||
2 | <div class="group_view"> | ||
3 | Group maker | ||
4 | <form @submit="send_message"> | ||
5 | <inout type="text" ref="input" /> | ||
6 | </form> | ||
7 | </div> | ||
8 | </template> | ||
9 | |||
10 | <script> | ||
11 | import ChatService from "@/services/ChatService.js" | ||
12 | |||
13 | export default { | ||
14 | data() { | ||
15 | return { | ||
16 | } | ||
17 | }, | ||
18 | |||
19 | methods: { | ||
20 | close() { | ||
21 | this.$emit('close') | ||
22 | }, | ||
23 | }, | ||
24 | |||
25 | created() { | ||
26 | this.$nextTick(function () { | ||
27 | this.$refs.input.focus() | ||
28 | }) | ||
29 | } | ||
30 | } | ||
31 | </script> | ||
32 | |||
33 | <style scoped> | ||
34 | |||
35 | .group_view { | ||
36 | position: absolute; | ||
37 | width: 30%; | ||
38 | height: 80%; | ||
39 | top: 50%; | ||
40 | left: 50%; | ||
41 | background-color: #202020; | ||
42 | padding: 20px; | ||
43 | border-radius: 10px; | ||
44 | transform: translate(-50%, -50%); | ||
45 | } | ||
46 | |||
47 | </style> | ||