mirror of
https://github.com/nextcloud/spreed.git
synced 2025-07-21 10:37:10 +00:00
@ -1,5 +1,4 @@
|
||||
@include icon-black-white('no-password', 'spreed', 1);
|
||||
@include icon-black-white('lobby', 'spreed', 1);
|
||||
@include icon-black-white('folder-multiple-image', 'spreed', 1);
|
||||
|
||||
// Mention bubbles in the chat input and messages
|
||||
|
@ -1 +0,0 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 17h20v2H2zm11.84-9.21c.1-.24.16-.51.16-.79 0-1.1-.9-2-2-2s-2 .9-2 2c0 .28.06.55.16.79C6.25 8.6 3.27 11.93 3 16h18c-.27-4.07-3.25-7.4-7.16-8.21z"/></svg>
|
Before Width: | Height: | Size: 248 B |
@ -21,7 +21,9 @@
|
||||
<template>
|
||||
<div class="lobby">
|
||||
<div class="lobby emptycontent">
|
||||
<div class="icon icon-lobby" />
|
||||
<Lobby decorative
|
||||
:size="64"
|
||||
title="" />
|
||||
<h2>{{ currentConversationName }}</h2>
|
||||
|
||||
<p class="lobby__timer">
|
||||
@ -51,6 +53,7 @@
|
||||
import moment from '@nextcloud/moment'
|
||||
import RichText from '@juliushaertl/vue-richtext'
|
||||
import SetGuestUsername from './SetGuestUsername.vue'
|
||||
import Lobby from './missingMaterialDesignIcons/Lobby.vue'
|
||||
|
||||
export default {
|
||||
|
||||
@ -59,6 +62,7 @@ export default {
|
||||
components: {
|
||||
SetGuestUsername,
|
||||
RichText,
|
||||
Lobby,
|
||||
},
|
||||
|
||||
computed: {
|
||||
|
41
src/components/missingMaterialDesignIcons/Lobby.vue
Normal file
41
src/components/missingMaterialDesignIcons/Lobby.vue
Normal file
@ -0,0 +1,41 @@
|
||||
<template functional>
|
||||
<span :aria-hidden="props.decorative"
|
||||
:aria-label="props.title"
|
||||
:class="[data.class, data.staticClass]"
|
||||
class="material-design-icon present-to-all-icon"
|
||||
role="img"
|
||||
v-bind="data.attrs"
|
||||
v-on="listeners">
|
||||
<svg :fill="props.fillColor"
|
||||
class="material-design-icon__svg"
|
||||
:width="props.size"
|
||||
:height="props.size"
|
||||
viewBox="0 0 24 24">
|
||||
<path d="M2 17h20v2H2zm11.84-9.21c.1-.24.16-.51.16-.79 0-1.1-.9-2-2-2s-2 .9-2 2c0 .28.06.55.16.79C6.25 8.6 3.27 11.93 3 16h18c-.27-4.07-3.25-7.4-7.16-8.21z" />
|
||||
</svg>
|
||||
</span>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Lobby',
|
||||
props: {
|
||||
title: {
|
||||
type: String,
|
||||
default: 'Lobby icon',
|
||||
},
|
||||
decorative: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
fillColor: {
|
||||
type: String,
|
||||
default: 'currentColor',
|
||||
},
|
||||
size: {
|
||||
type: Number,
|
||||
default: 24,
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
Reference in New Issue
Block a user