Misc style fixes

Heroic-Games-Launcher · Dec 1, 2024 · 0d5ab0e · 0d5ab0e
1 parent 7918e00
commit 0d5ab0e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/frontend/components/UI/Dialog/components/DialogContent.tsx b/src/frontend/components/UI/Dialog/components/DialogContent.tsx
@@ -9,5 +9,5 @@ export const DialogContent: React.FC<Props> = ({
   children,
   className
 }: Props) => {
-  return <div className={`Dialog__content ${className}`}>{children}</div>
+  return <div className={className}>{children}</div>
 }
diff --git a/src/frontend/components/UI/Dialog/components/DialogHeader.tsx b/src/frontend/components/UI/Dialog/components/DialogHeader.tsx
@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react'
+import { DialogTitle } from '@mui/material'
 
 interface DialogHeaderProps {
   onClose?: () => void
@@ -7,8 +8,15 @@ interface DialogHeaderProps {
 
 export const DialogHeader: React.FC<DialogHeaderProps> = ({ children }) => {
   return (
-    <div className="Dialog__header">
-      <h1 className="Dialog__headerTitle">{children}</h1>
-    </div>
+    <DialogTitle
+      sx={{
+        fontFamily: 'var(--primary-font-family)',
+        fontSize: 'var(--text-xl)',
+        fontWeight: 'var(--bold)',
+        paddingLeft: 0
+      }}
+    >
+      {children}
+    </DialogTitle>
   )
 }