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") { if (model.navigationModel.activeNav == "Profile") {
profileEditorNode = ( profileEditorNode = (
<div <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 <div
class={`max-w-[35rem] h-full m-auto`} class={`max-w-[35rem] h-full m-auto`}

View File

@ -51,7 +51,7 @@ export class DirectMessageContainer extends Component<DirectMessageContainerProp
console.log(DirectMessageContainer.name, "?"); console.log(DirectMessageContainer.name, "?");
const vDom = ( const vDom = (
<div <div
class={`h-full w-full flex bg-[#36393F] overflow-hidden`} class={`h-full flex-1 flex bg-[#36393F] overflow-hidden`}
> >
<div <div
class={`w-fit max-sm:w-full 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); msgs = filter_messages(this.props.messages, filter);
} }
return ( 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 {this.state.currentSelectedChannel
? ( ? (
<div class={`flex flex-col flex-1 overflow-hidden`}> <div class={`flex flex-col flex-1 overflow-hidden`}>