KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

chore: Clean up contact note styles (#2404)

Browse source
This commit is contained in:
Nithin David Thomas 2021-06-09 18:25:05 +05:30 committed by GitHub
parent f79e489a0a
commit 77d4f86ec9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/javascript/dashboard/routes/dashboard/contacts/components/ContactNote.stories.js
View file

@ -24,7 +24,7 @@ export default {
},
},
timeStamp: {
defaultValue: '1618046084',
defaultValue: 1618046084,
control: {
type: 'number',
},

15
app/javascript/dashboard/routes/dashboard/contacts/components/ContactNote.vue
View file

@ -6,7 +6,7 @@
<div class="footer">
<div class="meta">
<div :title="userName">
<Thumbnail :src="thumbnail" :username="userName" size="16px" />
<thumbnail :src="thumbnail" :username="userName" size="16px" />
</div>
<div class="date-wrap">
<span>{{ readableTime }}</span>
@ -15,14 +15,14 @@
<div class="actions">
<woot-button
variant="smooth"
size="small"
size="tiny"
icon="ion-compose"
color-scheme="secondary"
@click="onEdit"
/>
<woot-button
variant="smooth"
size="small"
size="tiny"
icon="ion-trash-b"
color-scheme="secondary"
@click="onDelete"
@ -33,14 +33,12 @@
</template>
<script>
import Thumbnail from 'dashboard/components/widgets/Thumbnail.vue';
import Thumbnail from 'dashboard/components/widgets/Thumbnail';
import timeMixin from 'dashboard/mixins/time';
import WootButton from 'dashboard/components/ui/WootButton.vue';
export default {
components: {
Thumbnail,
WootButton,
},
mixins: [timeMixin],
@ -88,12 +86,13 @@ export default {
<style lang="scss" scoped>
.note__content {
font-size: var(--font-size-mini);
margin-bottom: var(--space-small);
margin-bottom: var(--space-smaller);
}
.footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
.meta {
display: flex;
@ -112,8 +111,6 @@ export default {
.button {
margin-left: var(--space-small);
height: var(--space-medium);
width: var(--space-medium);
}
}
}