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