ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

improve styling

Browse Source
This commit is contained in:
Philipp Kühn
2020-12-02 23:20:45 +01:00
parent 78a2983c35
commit 5df6658480
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
docs/src/demos/Examples/CollaborativeEditing/index.vue
View File

@@ -3,9 +3,10 @@
<div class="editor" v-if="editor"> <div class="editor" v-if="editor">
<menu-bar class="editor__menu" :editor="editor" /> <menu-bar class="editor__menu" :editor="editor" />
<editor-content class="editor__content" :editor="editor" /> <editor-content class="editor__content" :editor="editor" />
<div class="editor__users"> <div class="editor__bottom-bar">
<div :class="`editor__status editor__status--${status}`"> <div :class="`editor__status editor__status--${status}`">
{{ status }}<template v-if="status === 'connected'"> {{ status }}
<template v-if="status === 'connected'">
as {{ currentUser.name }}, as {{ currentUser.name }},
{{ users.length }} user{{ users.length === 1 ? '' : 's' }} online {{ users.length }} user{{ users.length === 1 ? '' : 's' }} online
</template> </template>
@@ -174,11 +175,13 @@ export default {
} }
} }
&__users { &__bottom-bar {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0.25rem 0.25rem 0.25rem 0.75rem; flex-wrap: wrap;
white-space: nowrap;
padding: 0.25rem 0 0.25rem 0.25rem;
border-top: 1px solid rgba(black, 0.1); border-top: 1px solid rgba(black, 0.1);
} }
@@ -190,7 +193,9 @@ export default {
font-weight: 500; font-weight: 500;
border-radius: 5px; border-radius: 5px;
margin-top: 1rem; margin-top: 1rem;
padding: 0.25rem 0.5rem;
color: rgba(black, 0.5); color: rgba(black, 0.5);
white-space: nowrap;
&::before { &::before {
content: ' '; content: ' ';