page home responsive & change component element & page blog item

2024-08-15 10:10:57 +03:30
parent 1341253384
commit fd3b82143b
44 changed files with 4149 additions and 103 deletions
@@ -0,0 +1,28 @@
+import { TextField } from "@mui/material"
+
+function Field({ title, type, multiline, isPlaceHolder }) {
+    return (
+        <TextField
+            placeholder={isPlaceHolder && title}
+            label={!isPlaceHolder ? title : ''}
+            type={type || 'text'}
+            className="!w-full !mx-auto !bg-transparent"
+            sx={{
+                '& .MuiFormLabel-root': {
+                    top: '-4px !important'
+                },
+                '& .MuiInputBase-input': { padding: '12.5px 14px' },
+                '& .MuiInputBase-root': { borderRadius: '6px !important' },
+                '& .MuiOutlinedInput-notchedOutline': { border: '1px solid #EFEFEF !important' },
+                ".Mui-focused": {
+                    '& .MuiOutlinedInput-notchedOutline': {
+                        border: '1px solid #5559CE !important',
+                        transition: '0.5s all'
+                    }
+                }
+            }}
+        />
+    )
+}
+
+export default Field;