Imbus/FrostByte
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Formatting

Browse source
This commit is contained in:
Imbus 2024-02-27 04:03:49 +01:00
parent 780e7ee69b
commit 65a1e73f40
4 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client-solid/src/Components/Posts.tsx
View file

@ -28,7 +28,9 @@ export function PostSegment(props: { post: Post }): JSXElement {
return ( return (
<div class="card compact w-full flex-grow border-b-2 border-b-base-300 bg-base-200 text-base-content transition-all hover:bg-base-300"> <div class="card compact w-full flex-grow border-b-2 border-b-base-300 bg-base-200 text-base-content transition-all hover:bg-base-300">
<div class="card-body"> <div class="card-body">
<p class="break-words text-base-content md:px-6 md:pt-2">{props.post?.content}</p> <p class="break-words text-base-content md:px-6 md:pt-2">
{props.post?.content}
</p>
<div class="card-actions justify-end"> <div class="card-actions justify-end">
<button <button
onClick={(): void => nav("/post/" + props.post?.id)} onClick={(): void => nav("/post/" + props.post?.id)}

2
client-solid/src/Containers/Footer.tsx
View file

@ -2,7 +2,7 @@ import { JSXElement } from "solid-js";
export function Footer(): JSXElement { export function Footer(): JSXElement {
return ( return (
<footer class="footer footer-center rounded mt-auto bg-base-200 p-10 text-base-content"> <footer class="footer footer-center mt-auto rounded bg-base-200 p-10 text-base-content">
<nav class="grid grid-flow-col gap-4"> <nav class="grid grid-flow-col gap-4">
<a class="link-hover link">About us</a> <a class="link-hover link">About us</a>
<a class="link-hover link">Contact</a> <a class="link-hover link">Contact</a>

4
client-solid/src/Containers/PageContainer.tsx
View file

@ -3,8 +3,6 @@ import { JSXElement } from "solid-js";
// MainContainer is the main container for the page. // MainContainer is the main container for the page.
export function PageContainer(props: { children: JSXElement }): JSXElement { export function PageContainer(props: { children: JSXElement }): JSXElement {
return ( return (
<div class="flex min-h-screen flex-col items-center"> <div class="flex min-h-screen flex-col items-center">{props.children}</div>
{props.children}
</div>
); );
} }