From 6389e4cad93dde626c75797e41ab958e29edeba9 Mon Sep 17 00:00:00 2001 From: NoelKova Date: Tue, 30 Jul 2024 11:04:05 +0200 Subject: [PATCH 1/2] widen_content_view_edit_page --- apps/sensenet/src/components/view-controls/common/styles.ts | 2 -- packages/sn-controls-react/src/viewcontrols/browse-view.tsx | 4 +--- packages/sn-controls-react/src/viewcontrols/edit-view.tsx | 4 +--- 3 files changed, 2 insertions(+), 8 deletions(-) diff --git a/apps/sensenet/src/components/view-controls/common/styles.ts b/apps/sensenet/src/components/view-controls/common/styles.ts index 1b13733a3..735f6189c 100644 --- a/apps/sensenet/src/components/view-controls/common/styles.ts +++ b/apps/sensenet/src/components/view-controls/common/styles.ts @@ -17,11 +17,9 @@ const useStyles = makeStyles(() => { position: 'relative', }, field: { - width: '88%', position: 'relative', }, fieldFullWidth: { - width: '88%', position: 'relative', }, actionButtonWrapper: { diff --git a/packages/sn-controls-react/src/viewcontrols/browse-view.tsx b/packages/sn-controls-react/src/viewcontrols/browse-view.tsx index b127395fa..10a67d84c 100644 --- a/packages/sn-controls-react/src/viewcontrols/browse-view.tsx +++ b/packages/sn-controls-react/src/viewcontrols/browse-view.tsx @@ -37,7 +37,7 @@ const useStyles = makeStyles((theme: Theme) => { return createStyles({ grid: { margin: '0 auto', - maxWidth: '750px', + maxWidth: '850px', }, fieldWrapper: {}, field: {}, @@ -55,11 +55,9 @@ const useStyles = makeStyles((theme: Theme) => { display: 'flex', justifyContent: 'space-between', alignItems: 'center', - width: '88%', margin: '0 auto', }, divider: { - width: '88%', height: '1px', margin: '16px auto', backgroundColor: theme.palette.primary.main, diff --git a/packages/sn-controls-react/src/viewcontrols/edit-view.tsx b/packages/sn-controls-react/src/viewcontrols/edit-view.tsx index 70b430281..b1b0d84fa 100644 --- a/packages/sn-controls-react/src/viewcontrols/edit-view.tsx +++ b/packages/sn-controls-react/src/viewcontrols/edit-view.tsx @@ -47,7 +47,7 @@ const useStyles = makeStyles((theme: Theme) => { return createStyles({ grid: { margin: '0 auto', - maxWidth: '750px', + maxWidth: '850px', }, fieldWrapper: {}, field: {}, @@ -69,11 +69,9 @@ const useStyles = makeStyles((theme: Theme) => { display: 'flex', justifyContent: 'space-between', alignItems: 'center', - width: '88%', margin: '0 auto', }, divider: { - width: '88%', height: '1px', margin: '16px auto', backgroundColor: theme.palette.primary.main, From 0c5889f659aca4ebd3649f6b260b3e3dee35e086 Mon Sep 17 00:00:00 2001 From: NoelKova Date: Tue, 30 Jul 2024 15:00:18 +0200 Subject: [PATCH 2/2] replace_white_logo --- apps/sensenet/src/assets/sensenet_white.png | Bin 0 -> 10362 bytes .../src/components/appbar/desktop-app-bar.tsx | 2 +- .../components/login/auth-override-skeleton.tsx | 2 +- .../src/components/login/login-page.tsx | 2 +- 4 files changed, 3 insertions(+), 3 deletions(-) create mode 100644 apps/sensenet/src/assets/sensenet_white.png diff --git a/apps/sensenet/src/assets/sensenet_white.png b/apps/sensenet/src/assets/sensenet_white.png new file mode 100644 index 0000000000000000000000000000000000000000..5cc1e0f62e55241a1595dba00c340f93e635dbf5 GIT binary patch literal 10362 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 Y08$k4R?OXF@c;k-07*qoM6N<$g6%-xf&c&j literal 0 HcmV?d00001 diff --git a/apps/sensenet/src/components/appbar/desktop-app-bar.tsx b/apps/sensenet/src/components/appbar/desktop-app-bar.tsx index 8792ae12f..3d2fb393f 100644 --- a/apps/sensenet/src/components/appbar/desktop-app-bar.tsx +++ b/apps/sensenet/src/components/appbar/desktop-app-bar.tsx @@ -4,7 +4,7 @@ import { useRepository } from '@sensenet/hooks-react' import { clsx } from 'clsx' import React, { useContext } from 'react' import { Link } from 'react-router-dom' -import logo from '../../../../../../sn-client/examples/sn-dms-demo/src/assets/sensenet_white.png' +import logo from '../../assets/sensenet_white.png' import { ResponsivePersonalSettings } from '../../context' import { globals, useGlobalStyles } from '../../globalStyles' import { CommandPalette } from '../command-palette/CommandPalette' diff --git a/apps/sensenet/src/components/login/auth-override-skeleton.tsx b/apps/sensenet/src/components/login/auth-override-skeleton.tsx index dd22110be..f18be1ca8 100644 --- a/apps/sensenet/src/components/login/auth-override-skeleton.tsx +++ b/apps/sensenet/src/components/login/auth-override-skeleton.tsx @@ -1,7 +1,7 @@ import { AppBar, Button, Container, createStyles, makeStyles, Theme, Toolbar, Typography } from '@material-ui/core' import React from 'react' import { NavLink } from 'react-router-dom' -import logo from '../../../../../../sn-client/examples/sn-dms-demo/src/assets/sensenet_white.png' +import logo from '../../assets/sensenet_white.png' import { globals, useGlobalStyles } from '../../globalStyles' const useStyles = makeStyles((theme: Theme) => diff --git a/apps/sensenet/src/components/login/login-page.tsx b/apps/sensenet/src/components/login/login-page.tsx index 96e9f78e8..0baf6d510 100644 --- a/apps/sensenet/src/components/login/login-page.tsx +++ b/apps/sensenet/src/components/login/login-page.tsx @@ -16,7 +16,7 @@ import { PathHelper } from '@sensenet/client-utils' import { clsx } from 'clsx' import React, { useRef } from 'react' import { Link } from 'react-router-dom' -import snLogo from '../../../../../../sn-client/examples/sn-dms-demo/src/assets/sensenet_white.png' +import snLogo from '../../assets/sensenet_white.png' import { globals, useGlobalStyles } from '../../globalStyles' import { useLocalization } from '../../hooks'