Use em
This commit is contained in:
parent
d21d38509c
commit
b7f3753615
|
@ -300,16 +300,6 @@ export default Vue.extend({
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 400px) {
|
||||||
> .search {
|
|
||||||
> .result {
|
|
||||||
> .users {
|
|
||||||
> li {
|
|
||||||
padding: 8px 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .history {
|
> .history {
|
||||||
> .message {
|
> .message {
|
||||||
&:not([data-is-me]):not([data-is-read]) {
|
&:not([data-is-me]):not([data-is-read]) {
|
||||||
|
@ -321,7 +311,7 @@ export default Vue.extend({
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
font-size: 14px;
|
font-size: 0.9em;
|
||||||
|
|
||||||
> .avatar {
|
> .avatar {
|
||||||
margin: 0 12px 0 0;
|
margin: 0 12px 0 0;
|
||||||
|
|
|
@ -380,7 +380,7 @@ export default Vue.extend({
|
||||||
|
|
||||||
> .description {
|
> .description {
|
||||||
padding: 24px 24px 24px 154px;
|
padding: 24px 24px 24px 154px;
|
||||||
font-size: 15px;
|
font-size: 0.95em;
|
||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
|
@ -395,7 +395,7 @@ export default Vue.extend({
|
||||||
|
|
||||||
> .fields {
|
> .fields {
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
font-size: 14px;
|
font-size: 0.9em;
|
||||||
border-top: solid 1px var(--divider);
|
border-top: solid 1px var(--divider);
|
||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
|
|
Loading…
Reference in a new issue