fix nav width (#451)

This commit is contained in:
Bob 2024-04-02 14:02:29 +08:00 committed by GitHub
parent 06c88de4c9
commit 27cc9eaff4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 3 additions and 3 deletions

View File

@ -402,7 +402,7 @@ export class AppComponent extends Component<AppProps> {
if (model.navigationModel.activeNav == "Profile") {
profileEditorNode = (
<div
class={`h-full px-[3rem] sm:px-4 bg-[${SecondaryBackgroundColor}] flex-1 overflow-auto block`}
class={`h-full px-4 bg-[${SecondaryBackgroundColor}] flex-1 overflow-auto block`}
>
<div
class={`max-w-[35rem] h-full m-auto`}

View File

@ -51,7 +51,7 @@ export class DirectMessageContainer extends Component<DirectMessageContainerProp
console.log(DirectMessageContainer.name, "?");
const vDom = (
<div
class={`h-full w-full flex bg-[#36393F] overflow-hidden`}
class={`h-full flex-1 flex bg-[#36393F] overflow-hidden`}
>
<div
class={`w-fit max-sm:w-full

View File

@ -72,7 +72,7 @@ export class PublicMessageContainer extends Component<Props, State> {
msgs = filter_messages(this.props.messages, filter);
}
return (
<div class="flex flex-row h-full w-full flex bg-[#36393F] overflow-hidden">
<div class="flex flex-row h-full flex-1 flex bg-[#36393F] overflow-hidden">
{this.state.currentSelectedChannel
? (
<div class={`flex flex-col flex-1 overflow-hidden`}>