Mobile friendly
This commit is contained in:
@@ -23,7 +23,7 @@ export const Card = ({
|
|||||||
console.log(filepath);
|
console.log(filepath);
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-row justify-center grow">
|
<div className="flex flex-row justify-center grow">
|
||||||
<div className="rounded-xl shadow-xl max-w-96 min-w-lg p-8 border border-solid border-stone-100 bg-neutral-100">
|
<div className="rounded-xl shadow-xl max-w-96 sm:min-width-full md:min-width-full p-8 border border-solid border-stone-100 bg-neutral-100">
|
||||||
<img className="pb-4" src={"/uploads/" + filepath} />
|
<img className="pb-4" src={"/uploads/" + filepath} />
|
||||||
<p className="font-bold text-xl">{title}</p>
|
<p className="font-bold text-xl">{title}</p>
|
||||||
<p className="text-lg italic">
|
<p className="text-lg italic">
|
||||||
|
|||||||
@@ -153,7 +153,7 @@ export const CreateEditPostPage = ({ isCreate = false }: CreateEditProps) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-row justify-center grow">
|
<div className="flex flex-row justify-center grow">
|
||||||
<div className="rounded-xl shadow-xl max-w-96 min-w-lg p-8 border border-solid border-stone-100 bg-neutral-100">
|
<div className="rounded-xl shadow-xl max-w-96 p-8 border border-solid border-stone-100 bg-neutral-100">
|
||||||
<div className="flex flex-col gap-4">
|
<div className="flex flex-col gap-4">
|
||||||
<p className="text-3xl font-bold">{headerTitle}</p>
|
<p className="text-3xl font-bold">{headerTitle}</p>
|
||||||
{isCreate ? (
|
{isCreate ? (
|
||||||
|
|||||||
Reference in New Issue
Block a user