Fix lobby icon

Signed-off-by: Joas Schilling <coding@schilljs.com>
This commit is contained in:
Joas Schilling
2022-07-12 15:35:27 +02:00
parent 1fa95eb055
commit 5386616a55
4 changed files with 46 additions and 3 deletions

View File

@ -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

View File

@ -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

View File

@ -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: {

View 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>