fix responsive all pages & change style page list blog and blog item & add date picker

2024-08-23 18:57:28 +03:30
parent c62fb78f8c
commit 9701547d1f
35 changed files with 19276 additions and 225 deletions
@@ -0,0 +1,32 @@
+import { TextField } from "@mui/material"
+
+function Field({ title, handleClick }) {
+    return (
+        <div className="relative">
+            <TextField
+                label={title}
+                className="!w-full !mx-auto !bg-[#FFF]"
+                sx={{
+                    borderRadius: '8px !important',
+                    '& .MuiFormLabel-root': { transform: 'translate(16px, 50%) scale(1) !important' },
+                    '& .MuiInputLabel-shrink': { transform: 'translate(14px, -9px) scale(0.75) !important' },
+                    '& .MuiInputBase-input': { padding: '12.5px 14px' },
+                    '& .MuiInputBase-root': { borderRadius: '8px !important' },
+                    '& .MuiOutlinedInput-notchedOutline': { border: '1px solid #E9ECEF !important' },
+                    ".Mui-focused": {
+                        '& .MuiOutlinedInput-notchedOutline': {
+                            border: '1px solid #0FA1B3 !important',
+                            transition: '0.5s all'
+                        }
+                    }
+                }}
+            />
+            <span
+                className="absolute cursor-pointer left-0 top-0 w-full h-full"
+                onClick={handleClick}
+            ></span>
+        </div>
+    )
+}
+
+export default Field