Improved responsiveness on mobile phone
This commit is contained in:
@@ -485,4 +485,26 @@ async function handleSend() {
|
||||
font-size: 0.875rem;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.chat-layout {
|
||||
height: auto;
|
||||
min-height: unset;
|
||||
}
|
||||
|
||||
.chat-reader-split {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.chat-column {
|
||||
min-height: 60vh;
|
||||
}
|
||||
|
||||
.reader-panel {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
margin-top: 1rem;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user