umwd-components 0.1.163 → 0.1.165

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.
@@ -220,7 +220,10 @@ function Footer(_ref) {
220
220
  color: "secondary.contrastText",
221
221
  sx: {
222
222
  textDecoration: "underline",
223
- verticalAlign: "middle"
223
+ verticalAlign: "middle",
224
+ display: "flex",
225
+ alignItems: "center",
226
+ justifyContent: "center"
224
227
  }
225
228
  }, "Design & Webdevelopment", APIcon !== null && /*#__PURE__*/React.createElement(APIcon, {
226
229
  sx: {
@@ -66,7 +66,17 @@ function WebsitePlaceholder(_ref) {
66
66
  isolation: "isolate",
67
67
  p: 2
68
68
  }]
69
- }, visible && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(material.Typography, {
69
+ }, visible && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(material.Button, {
70
+ sx: {
71
+ position: "absolute",
72
+ top: 0,
73
+ left: 0,
74
+ width: "100px",
75
+ height: "100px",
76
+ opacity: 0
77
+ },
78
+ onClick: () => setVisible(false)
79
+ }, "Close"), /*#__PURE__*/React.createElement(material.Typography, {
70
80
  variant: "h1",
71
81
  align: "center",
72
82
  sx: {
@@ -216,7 +216,10 @@ function Footer(_ref) {
216
216
  color: "secondary.contrastText",
217
217
  sx: {
218
218
  textDecoration: "underline",
219
- verticalAlign: "middle"
219
+ verticalAlign: "middle",
220
+ display: "flex",
221
+ alignItems: "center",
222
+ justifyContent: "center"
220
223
  }
221
224
  }, "Design & Webdevelopment", APIcon !== null && /*#__PURE__*/React__default.createElement(APIcon, {
222
225
  sx: {
@@ -7,7 +7,7 @@
7
7
 
8
8
  import React__default from 'react';
9
9
  import PropTypes from 'prop-types';
10
- import { useTheme, Box, Typography } from '@mui/material';
10
+ import { useTheme, Box, Button, Typography } from '@mui/material';
11
11
  import Image from 'next/image';
12
12
 
13
13
  function WebsitePlaceholder(_ref) {
@@ -62,7 +62,17 @@ function WebsitePlaceholder(_ref) {
62
62
  isolation: "isolate",
63
63
  p: 2
64
64
  }]
65
- }, visible && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Typography, {
65
+ }, visible && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
66
+ sx: {
67
+ position: "absolute",
68
+ top: 0,
69
+ left: 0,
70
+ width: "100px",
71
+ height: "100px",
72
+ opacity: 0
73
+ },
74
+ onClick: () => setVisible(false)
75
+ }, "Close"), /*#__PURE__*/React__default.createElement(Typography, {
66
76
  variant: "h1",
67
77
  align: "center",
68
78
  sx: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "umwd-components",
3
- "version": "0.1.163",
3
+ "version": "0.1.165",
4
4
  "description": "UMWD Component library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -252,7 +252,13 @@ function Footer({
252
252
  <MuiLink href="https://atelierpaulus.nl/">
253
253
  <Typography
254
254
  color="secondary.contrastText"
255
- sx={{ textDecoration: "underline", verticalAlign: "middle" }}
255
+ sx={{
256
+ textDecoration: "underline",
257
+ verticalAlign: "middle",
258
+ display: "flex",
259
+ alignItems: "center",
260
+ justifyContent: "center",
261
+ }}
256
262
  >
257
263
  Design & Webdevelopment
258
264
  {APIcon !== null && <APIcon sx={{ mx: 2 }} />}
@@ -2,7 +2,7 @@
2
2
 
3
3
  import React from "react";
4
4
  import PropTypes from "prop-types";
5
- import { Typography, Box, useTheme } from "@mui/material";
5
+ import { Typography, Box, useTheme, Button } from "@mui/material";
6
6
  import Image from "next/image";
7
7
 
8
8
  function WebsitePlaceholder({
@@ -74,6 +74,19 @@ function WebsitePlaceholder({
74
74
  >
75
75
  {visible && (
76
76
  <>
77
+ <Button
78
+ sx={{
79
+ position: "absolute",
80
+ top: 0,
81
+ left: 0,
82
+ width: "100px",
83
+ height: "100px",
84
+ opacity: 0,
85
+ }}
86
+ onClick={() => setVisible(false)}
87
+ >
88
+ Close
89
+ </Button>
77
90
  <Typography
78
91
  variant="h1"
79
92
  align="center"