chore: Reset the base font-size to 16px instead of 10px (#7455)

Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
This commit is contained in:
Pranav Raj S
2023-07-03 14:53:00 -07:00
committed by GitHub
parent 986abde531
commit 985b3f3bfc
96 changed files with 305 additions and 281 deletions

View File

@@ -90,7 +90,7 @@ export default {
margin-top: var(--space-smaller);
padding: var(--space-normal);
right: 0;
width: 21rem;
width: 13.125rem;
span {
font-size: var(--font-size-small);

View File

@@ -176,23 +176,23 @@ export default {
flex-basis: 100%;
@include breakpoint(medium up) {
flex-basis: 28rem;
flex-basis: 17.5rem;
}
@include breakpoint(large up) {
flex-basis: 30em;
flex-basis: 18.75rem;
}
@include breakpoint(xlarge up) {
flex-basis: 31em;
flex-basis: 19.375rem;
}
@include breakpoint(xxlarge up) {
flex-basis: 33rem;
flex-basis: 20.625rem;
}
@include breakpoint(xxxlarge up) {
flex-basis: 40rem;
flex-basis: 25rem;
}
&::v-deep .contact--panel {

View File

@@ -116,7 +116,7 @@ export default {
img {
margin: var(--space-normal);
width: 10rem;
width: 6.25rem;
}
span {

View File

@@ -520,7 +520,7 @@ export default {
.image,
.video {
max-width: 32rem;
max-width: 20rem;
padding: var(--space-micro);
> img,
@@ -534,13 +534,13 @@ export default {
}
}
.video {
height: 18rem;
height: 11.25rem;
}
}
&.is-image.is-text > .message-text__wrap,
&.is-video.is-text > .message-text__wrap {
max-width: 32rem;
max-width: 20rem;
padding: var(--space-small) var(--space-normal);
}

View File

@@ -430,22 +430,22 @@ export default {
.modal-mask {
&::v-deep {
.ProseMirror-woot-style {
max-height: 40rem;
max-height: 25rem;
}
.reply-box {
border: 1px solid var(--color-border);
max-width: 120rem;
max-width: 75rem;
width: 70%;
}
.reply-box .reply-box__top {
position: relative;
min-height: 44rem;
min-height: 27.5rem;
}
.reply-box__top .input {
min-height: 44rem;
min-height: 27.5rem;
}
.emoji-dialog {

View File

@@ -112,7 +112,7 @@ export default {
}
.scroll-wrap {
padding: var(--space-larger) 13.6rem;
padding: var(--space-larger) 8.5rem;
min-height: 100vh;
display: flex;
flex-direction: column;

View File

@@ -96,7 +96,7 @@ export default {
left: 0;
bottom: 100%;
line-height: 1.2;
max-height: 20rem;
max-height: 12.5rem;
overflow: auto;
padding: var(--space-small) var(--space-small) 0 var(--space-small);
position: absolute;

View File

@@ -71,6 +71,6 @@ export default {
<style scoped>
.modal-content {
padding: 2.5rem 3.2rem;
padding: 1.5625rem 2rem;
}
</style>

View File

@@ -125,7 +125,7 @@ export default {
.template__list-container {
background-color: var(--s-25);
border-radius: var(--border-radius-medium);
max-height: 30rem;
max-height: 18.75rem;
overflow-y: auto;
padding: var(--space-one);

View File

@@ -97,7 +97,7 @@ export default {
button {
position: absolute;
top: var(--space-smaller);
right: 16rem;
right: 10rem;
}
}
</style>

View File

@@ -341,7 +341,7 @@ export default {
display: flex;
font-weight: var(--font-weight-bold);
justify-content: center;
min-width: 8rem;
min-width: 5rem;
padding: var(--space-smaller);
}
}

View File

@@ -249,15 +249,15 @@ export default {
}
.label-actions-box {
--triangle-position: 8.5rem;
--triangle-position: 5.3125rem;
}
.update-actions-box {
--triangle-position: 5.6rem;
--triangle-position: 3.5rem;
}
.agent-actions-box {
--triangle-position: 2.8rem;
--triangle-position: 1.75rem;
}
.team-actions-box {
--triangle-position: 0.2rem;
--triangle-position: 0.125rem;
}
</style>