added user images partitioning
This commit is contained in:
@@ -159,7 +159,7 @@ const showBack = computed(
|
||||
/* top bar holds title and logout button */
|
||||
.topbar {
|
||||
display: grid;
|
||||
grid-template-columns: 76px 1fr 76px;
|
||||
grid-template-columns: 46px 1fr 46px;
|
||||
align-items: center;
|
||||
padding: 5px 5px;
|
||||
}
|
||||
@@ -235,7 +235,11 @@ const showBack = computed(
|
||||
@media (max-width: 480px) {
|
||||
.back-btn {
|
||||
padding: 0.45rem 0.75rem;
|
||||
font-size: 0.95rem;
|
||||
font-size: 0.6rem;
|
||||
height: 100%;
|
||||
}
|
||||
.login-btn {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -250,4 +254,12 @@ const showBack = computed(
|
||||
color: #667eea;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.login-btn button {
|
||||
padding: 0.45rem 0.75rem;
|
||||
font-size: 0.6rem;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user