encrypt/gancio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

minor on style

Browse Source
This commit is contained in:
les
2021-03-24 21:05:21 +01:00
parent a7d57dad9b
commit 0dc156e540
3 changed files with 52 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
assets/style.less
View File

@@ -1,7 +1,7 @@
html, body { html, body {
scrollbar-width: thin; scrollbar-width: thin;
overflow: auto !important; overflow: auto !important;
scrollbar-color: #555 #111; scrollbar-color: #FF4511 #111;
font-family: sans-serif; font-family: sans-serif;
} }
@@ -46,4 +46,53 @@ li {
.v-autocomplete__content.v-menu__content { .v-autocomplete__content.v-menu__content {
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: #FF4511 #111; scrollbar-color: #FF4511 #111;
}
// EVENT
.event {
display: flex;
position: relative;
flex-direction: column;
width: 330px;
max-width: 500px;
flex-grow: 1;
margin-top: .4em;
margin-right: .4em;
overflow: hidden;
.title {
display: block;
max-height: 3.3em;
overflow: hidden;
margin: 0.5rem 1rem 0.5rem 1rem;
// color: white;
border-bottom: 1px solid rgba(4,4,4,0.2);
font-size: 1.2em !important;
line-height: 1.1em;
font-weight: 500;
}
.body {
flex: 1 1 auto;
}
.img {
width: 100%;
max-height: 250px;
object-fit: cover;
object-position: top;
}
.place {
max-width: 100%;
span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
a {
text-decoration: none;
}
} }

2
components/Editor.vue
View File

@@ -1,5 +1,5 @@
<template lang='pug'> <template lang='pug'>
.editor(:class='focused') .editor.grey.darken-4(:class='focused')
.label {{label}} .label {{label}}
editor-menu-bar.menubar.is-hidden(:editor='editor' editor-menu-bar.menubar.is-hidden(:editor='editor'
:keep-in-bounds='true' v-slot='{ commands, isActive, getMarkAttrs, focused }') :keep-in-bounds='true' v-slot='{ commands, isActive, getMarkAttrs, focused }')

51
components/Event.vue
View File

@@ -43,53 +43,4 @@ export default {
}, },
computed: mapState(['settings']) computed: mapState(['settings'])
} }
</script> </script>
<style lang="less">
.event {
display: flex;
position: relative;
flex-direction: column;
width: 330px;
max-width: 500px;
flex-grow: 1;
margin-top: .4em;
margin-right: .4em;
overflow: hidden;
.title {
display: block;
max-height: 3.3em;
overflow: hidden;
margin: 0.5rem 1rem 0.5rem 1rem;
// color: white;
border-bottom: 1px solid rgba(4,4,4,0.2);
font-size: 1.2em !important;
line-height: 1.1em;
font-weight: 500;
}
.body {
flex: 1 1 auto;
}
.img {
width: 100%;
max-height: 250px;
object-fit: cover;
object-position: top;
}
.place {
max-width: 100%;
span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
a {
text-decoration: none;
}
}
</style>