mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-01-18 22:36:14 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

improve styling

Browse Source
This commit is contained in:
Philipp Kühn 2020-12-02 22:13:29 +01:00
parent 2ea69fc108
commit 8df88408fa
1 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -181,12 +181,14 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0.25rem 1rem; padding: 0.25rem 0.25rem 0.25rem 0.75rem;
border-top: 1px solid rgba(black, 0.1); border-top: 1px solid rgba(black, 0.1);
} }
/* Some information about the status */ /* Some information about the status */
&__status { &__status {
display: flex;
align-items: center;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
border-radius: 5px; border-radius: 5px;
@ -195,6 +197,7 @@ export default {
&::before { &::before {
content: ' '; content: ' ';
flex: 0 0 auto;
display: inline-block; display: inline-block;
width: 0.5rem; width: 0.5rem;
height: 0.5rem; height: 0.5rem;
@ -213,7 +216,22 @@ export default {
} }
&__actions { &__actions {
button {
background: none;
border: none;
font: inherit;
font-size: 14px;
font-weight: 500;
color: rgba(black, 0.5);
border-radius: 0.25rem;
padding: 0.25rem 0.5rem;
margin-right: 0.25rem;
&:hover {
color: black;
background-color: rgba(black, 0.05);
}
}
} }
} }
</style> </style>