umwd-components 0.1.83 → 0.1.84
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -66,6 +66,7 @@ function WebsitePlaceholder(_ref) {
|
|
|
66
66
|
backgroundColor: theme.palette.primary.main,
|
|
67
67
|
backgroundImage: "url(".concat(theme.palette.mode === "light" ? lmBackgroundUrl : dmBackgroundUrl, ")"),
|
|
68
68
|
backgroundSize: "cover",
|
|
69
|
+
backgroundPosition: "center",
|
|
69
70
|
height: "100vh",
|
|
70
71
|
maxHeight: "100vh",
|
|
71
72
|
width: "100vw",
|
|
@@ -74,19 +75,42 @@ function WebsitePlaceholder(_ref) {
|
|
|
74
75
|
top: 0,
|
|
75
76
|
left: 0,
|
|
76
77
|
zIndex: 9000,
|
|
77
|
-
isolation: "isolate"
|
|
78
|
+
isolation: "isolate",
|
|
79
|
+
p: 2
|
|
78
80
|
}]
|
|
79
81
|
}, visible && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(material.Typography, {
|
|
80
82
|
variant: "h1",
|
|
81
|
-
align: "center"
|
|
83
|
+
align: "center",
|
|
84
|
+
sx: {
|
|
85
|
+
[theme.breakpoints.down("sm")]: {
|
|
86
|
+
fontSize: "2rem"
|
|
87
|
+
},
|
|
88
|
+
[theme.breakpoints.up("sm")]: {
|
|
89
|
+
fontSize: "4rem"
|
|
90
|
+
},
|
|
91
|
+
[theme.breakpoints.up("lg")]: {
|
|
92
|
+
fontSize: "6rem"
|
|
93
|
+
}
|
|
94
|
+
}
|
|
82
95
|
}, title), (logo === null || logo === void 0 ? void 0 : logo.url) && /*#__PURE__*/React.createElement(Image, {
|
|
83
96
|
src: logo.url,
|
|
84
97
|
alt: logo.alt || "logo",
|
|
85
|
-
width:
|
|
86
|
-
height:
|
|
98
|
+
width: 300,
|
|
99
|
+
height: 300
|
|
87
100
|
}), /*#__PURE__*/React.createElement(material.Typography, {
|
|
88
101
|
variant: "h3",
|
|
89
|
-
align: "center"
|
|
102
|
+
align: "center",
|
|
103
|
+
sx: {
|
|
104
|
+
[theme.breakpoints.down("sm")]: {
|
|
105
|
+
fontSize: "1.5rem"
|
|
106
|
+
},
|
|
107
|
+
[theme.breakpoints.up("sm")]: {
|
|
108
|
+
fontSize: "2rem"
|
|
109
|
+
},
|
|
110
|
+
[theme.breakpoints.up("lg")]: {
|
|
111
|
+
fontSize: "3rem"
|
|
112
|
+
}
|
|
113
|
+
}
|
|
90
114
|
}, announcement)), !visible && /*#__PURE__*/React.createElement(React.Fragment, null, children));
|
|
91
115
|
}
|
|
92
116
|
WebsitePlaceholder.propTypes = {
|
|
@@ -62,6 +62,7 @@ function WebsitePlaceholder(_ref) {
|
|
|
62
62
|
backgroundColor: theme.palette.primary.main,
|
|
63
63
|
backgroundImage: "url(".concat(theme.palette.mode === "light" ? lmBackgroundUrl : dmBackgroundUrl, ")"),
|
|
64
64
|
backgroundSize: "cover",
|
|
65
|
+
backgroundPosition: "center",
|
|
65
66
|
height: "100vh",
|
|
66
67
|
maxHeight: "100vh",
|
|
67
68
|
width: "100vw",
|
|
@@ -70,19 +71,42 @@ function WebsitePlaceholder(_ref) {
|
|
|
70
71
|
top: 0,
|
|
71
72
|
left: 0,
|
|
72
73
|
zIndex: 9000,
|
|
73
|
-
isolation: "isolate"
|
|
74
|
+
isolation: "isolate",
|
|
75
|
+
p: 2
|
|
74
76
|
}]
|
|
75
77
|
}, visible && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
|
|
76
78
|
variant: "h1",
|
|
77
|
-
align: "center"
|
|
79
|
+
align: "center",
|
|
80
|
+
sx: {
|
|
81
|
+
[theme.breakpoints.down("sm")]: {
|
|
82
|
+
fontSize: "2rem"
|
|
83
|
+
},
|
|
84
|
+
[theme.breakpoints.up("sm")]: {
|
|
85
|
+
fontSize: "4rem"
|
|
86
|
+
},
|
|
87
|
+
[theme.breakpoints.up("lg")]: {
|
|
88
|
+
fontSize: "6rem"
|
|
89
|
+
}
|
|
90
|
+
}
|
|
78
91
|
}, title), (logo === null || logo === void 0 ? void 0 : logo.url) && /*#__PURE__*/React.createElement(Image, {
|
|
79
92
|
src: logo.url,
|
|
80
93
|
alt: logo.alt || "logo",
|
|
81
|
-
width:
|
|
82
|
-
height:
|
|
94
|
+
width: 300,
|
|
95
|
+
height: 300
|
|
83
96
|
}), /*#__PURE__*/React.createElement(Typography, {
|
|
84
97
|
variant: "h3",
|
|
85
|
-
align: "center"
|
|
98
|
+
align: "center",
|
|
99
|
+
sx: {
|
|
100
|
+
[theme.breakpoints.down("sm")]: {
|
|
101
|
+
fontSize: "1.5rem"
|
|
102
|
+
},
|
|
103
|
+
[theme.breakpoints.up("sm")]: {
|
|
104
|
+
fontSize: "2rem"
|
|
105
|
+
},
|
|
106
|
+
[theme.breakpoints.up("lg")]: {
|
|
107
|
+
fontSize: "3rem"
|
|
108
|
+
}
|
|
109
|
+
}
|
|
86
110
|
}, announcement)), !visible && /*#__PURE__*/React.createElement(React.Fragment, null, children));
|
|
87
111
|
}
|
|
88
112
|
WebsitePlaceholder.propTypes = {
|
package/package.json
CHANGED
|
@@ -71,6 +71,7 @@ function WebsitePlaceholder({
|
|
|
71
71
|
theme.palette.mode === "light" ? lmBackgroundUrl : dmBackgroundUrl
|
|
72
72
|
})`,
|
|
73
73
|
backgroundSize: "cover",
|
|
74
|
+
backgroundPosition: "center",
|
|
74
75
|
height: "100vh",
|
|
75
76
|
maxHeight: "100vh",
|
|
76
77
|
width: "100vw",
|
|
@@ -80,23 +81,52 @@ function WebsitePlaceholder({
|
|
|
80
81
|
left: 0,
|
|
81
82
|
zIndex: 9000,
|
|
82
83
|
isolation: "isolate",
|
|
84
|
+
p: 2,
|
|
83
85
|
},
|
|
84
86
|
]}
|
|
85
87
|
>
|
|
86
88
|
{visible && (
|
|
87
89
|
<>
|
|
88
|
-
<Typography
|
|
90
|
+
<Typography
|
|
91
|
+
variant="h1"
|
|
92
|
+
align="center"
|
|
93
|
+
sx={{
|
|
94
|
+
[theme.breakpoints.down("sm")]: {
|
|
95
|
+
fontSize: "2rem",
|
|
96
|
+
},
|
|
97
|
+
[theme.breakpoints.up("sm")]: {
|
|
98
|
+
fontSize: "4rem",
|
|
99
|
+
},
|
|
100
|
+
[theme.breakpoints.up("lg")]: {
|
|
101
|
+
fontSize: "6rem",
|
|
102
|
+
},
|
|
103
|
+
}}
|
|
104
|
+
>
|
|
89
105
|
{title}
|
|
90
106
|
</Typography>
|
|
91
107
|
{logo?.url && (
|
|
92
108
|
<Image
|
|
93
109
|
src={logo.url}
|
|
94
110
|
alt={logo.alt || "logo"}
|
|
95
|
-
width={
|
|
96
|
-
height={
|
|
111
|
+
width={300}
|
|
112
|
+
height={300}
|
|
97
113
|
/>
|
|
98
114
|
)}
|
|
99
|
-
<Typography
|
|
115
|
+
<Typography
|
|
116
|
+
variant="h3"
|
|
117
|
+
align="center"
|
|
118
|
+
sx={{
|
|
119
|
+
[theme.breakpoints.down("sm")]: {
|
|
120
|
+
fontSize: "1.5rem",
|
|
121
|
+
},
|
|
122
|
+
[theme.breakpoints.up("sm")]: {
|
|
123
|
+
fontSize: "2rem",
|
|
124
|
+
},
|
|
125
|
+
[theme.breakpoints.up("lg")]: {
|
|
126
|
+
fontSize: "3rem",
|
|
127
|
+
},
|
|
128
|
+
}}
|
|
129
|
+
>
|
|
100
130
|
{announcement}
|
|
101
131
|
</Typography>
|
|
102
132
|
</>
|