various changes

src/components/shared/news/article.module.css

@@ -22,4 +22,14 @@
 .summary{
     /* flex-shrink: 1; */
     padding:8px;
-}
+}
+
+.article-content p:has(img){
+    width: 100%;
+    background-color: var(--background-900);
+}
+
+.article-content p img{
+    margin:auto;
+    height: 100%;
+}

src/components/shared/news/article.tsx

@@ -15,7 +15,6 @@ export async function ExampleComponent(){
 
 export default async function Article(params: { id: string|undefined, title: string|undefined, content: string|undefined, date?:string|undefined } ) {
     
-    
     const components = { ExampleComponent }
     
     return (
@@ -26,7 +25,7 @@ export default async function Article(params: { id: string|undefined, title: str
             <div id="tagbar" className="p-5 self-start"><Tagbar/></div>
             
             </div>
-            <div className=".article-content p-5 whitespace-pre">
+            <div className={`${styles['article-content']} p-5 whitespace-pre`}>
             <MDXRemote source={params.content?params.content:""} components={components}/>
             </div>
             <section className=".article-date">{params.date}</section> <br/>