scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2026-01-08 13:31:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: Cleanup the design in widget builder (#5852)

Browse Source
This commit is contained in:
Pranav Raj S
2022-11-15 18:56:24 -08:00
committed by GitHub
parent 956837ded5
commit 42b466bda2
4 changed files with 55 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
app/javascript/dashboard/modules/widget-preview/components/WidgetHead.vue
View File

@@ -46,28 +46,30 @@ export default {
<style lang="scss" scoped>
.header-wrapper {
flex-shrink: 0;
transition: max-height 300ms;
background-color: var(--white);
padding: var(--space-two);
border-top-left-radius: var(--border-radius-large);
border-top-right-radius: var(--border-radius-large);
flex-shrink: 0;
padding: var(--space-two);
transition: max-height 300ms;
.header-branding {
.header {
align-items: center;
display: flex;
flex-direction: row;
align-items: center;
justify-content: start;
.logo {
width: var(--space-jumbo);
height: var(--space-jumbo);
border-radius: 100%;
transition: all 0.5s ease;
height: var(--space-larger);
margin-right: var(--space-small);
transition: all 0.5s ease;
width: var(--space-larger);
&.small {
width: var(--space-large);
height: var(--space-large);
width: var(--space-large);
}
}
}
@@ -75,6 +77,7 @@ export default {
.header-expanded {
max-height: var(--space-giga);
overflow: auto;
h2 {
font-size: var(--font-size-big);
margin-bottom: var(--space-small);
@@ -90,15 +93,16 @@ export default {
}
.title-block {
display: flex;
align-items: center;
display: flex;
font-size: var(--font-size-default);
.online-dot {
background-color: var(--g-500);
height: var(--space-small);
width: var(--space-small);
border-radius: 100%;
height: var(--space-small);
margin: var(--space-zero) var(--space-smaller);
width: var(--space-small);
}
}
}