mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hide footer in conversation page

Browse Source
This commit is contained in:
m5r 2022-05-20 01:05:06 +02:00
parent 5bf885c060
commit 8607e70007
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/features/messages/components/new-message-area.tsx
View File

@ -19,7 +19,7 @@ function NewMessageArea() {
<Form <Form
ref={formRef} ref={formRef}
method="post" method="post"
className="absolute bottom-0 w-screen backdrop-filter backdrop-blur-xl bg-white bg-opacity-75 border-t flex flex-row h-14 mb-16 p-2 pr-0" className="absolute bottom-0 w-screen backdrop-filter backdrop-blur-xl bg-white bg-opacity-75 border-t flex flex-row p-2 pr-0"
replace replace
> >
<textarea <textarea

4
app/routes/__app.tsx
View File

@ -34,10 +34,8 @@ export const loader: LoaderFunction = async ({ request }) => {
}; };
export default function __App() { export default function __App() {
const hideFooter = false;
const matches = useMatches(); const matches = useMatches();
// matches[0].handle.hideFooter const hideFooter = matches.some(match => match.handle?.hideFooter === true);
// console.log("matches", matches);
return ( return (
<div className="h-full w-full overflow-hidden fixed bg-gray-100"> <div className="h-full w-full overflow-hidden fixed bg-gray-100">

2
app/routes/__app/messages.$recipient.tsx
View File

@ -91,3 +91,5 @@ export default function ConversationPage() {
</section> </section>
); );
} }
export const handle = { hideFooter: true };