hide follow-button label on mobile
This commit is contained in:
parent
a9a1c22605
commit
2375d2a8a6
|
@ -305,7 +305,10 @@ onUnmounted(() => {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
padding-inline: 12p;
|
padding-inline: 16px;
|
||||||
|
&.tabs > .buttons > :deep(.follow-button > span) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media (max-width: 700px) {
|
@media (max-width: 700px) {
|
||||||
> .left {
|
> .left {
|
||||||
|
@ -432,8 +435,6 @@ onUnmounted(() => {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
margin-right: 1rem;
|
|
||||||
|
|
||||||
> .avatar {
|
> .avatar {
|
||||||
$size: 32px;
|
$size: 32px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
Loading…
Reference in New Issue