Siklos/svg-layout-designer-react
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Change css class for sidebar and symbols

Browse source
This commit is contained in:
Guillaume Tauzin 2022-09-09 08:40:01 +02:00
parent 6a3ddea763
commit 23c7a05a00
8 changed files with 97 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

5
.env.development
View file

@ -1,2 +1,3 @@
VITE_API_FETCH_URL=http://localhost:5000
VITE_API_POST_URL=http://localhost:5000/ApplicationState
VITE_API_FETCH_URL=https://pc-003.techform-dom.local/SmartMenuiserieTemplate/Service.svc/GetSVGLayoutConfiguration
VITE_API_POST_URL=https://pc-003.techform-dom.local/SmartMenuiserieTemplate/Service.svc/ApplicationState

4
.env.production
View file

@ -1,3 +1,3 @@
VITE_API_FETCH_URL=https://localhost/SmartMenuiserieTemplate/Service.svc/GetSVGLayoutConfiguration
VITE_API_POST_URL=https://localhost/SmartMenuiserieTemplate/Service.svc/ApplicationState
VITE_API_FETCH_URL=https://pc-003.techform-dom.local/SmartMenuiserieTemplate/Service.svc/GetSVGLayoutConfiguration
VITE_API_POST_URL=https://pc-003.techform-dom.local/SmartMenuiserieTemplate/Service.svc/ApplicationState

21
.vs/VSWorkspaceState.json Normal file
View file

@ -0,0 +1,21 @@
{
"ExpandedNodes": [
"",
"\\node_modules\\caniuse-lite",
"\\node_modules\\caniuse-lite\\data",
"\\node_modules\\eslint",
"\\node_modules\\eslint\\lib",
"\\node_modules\\eslint\\lib\\cli-engine",
"\\node_modules\\eslint\\lib\\cli-engine\\formatters",
"\\node_modules\\tailwindcss",
"\\node_modules\\tailwindcss\\peers",
"\\node_modules\\tailwindcss\\src",
"\\node_modules\\tailwindcss\\src\\lib",
"\\src",
"\\src\\Components",
"\\src\\Components\\Symbols",
"\\test-server"
],
"SelectedNode": "\\src\\Components\\Symbols\\Symbols.tsx",
"PreviewInSolutionExplorer": false
}

BIN
.vs/slnx.sqlite Normal file
View file

Binary file not shown.

68
package-lock.json generated
View file

@ -9,10 +9,13 @@
"version": "0.0.0",
"dependencies": {
"@heroicons/react": "^1.0.6",
"interweave": "^13.0.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-svg-pan-zoom": "^3.11.0",
"react-window": "^1.8.7"
"react-window": "^1.8.7",
"sweetalert2": "^11.4.28",
"sweetalert2-react-content": "^5.0.3"
},
"devDependencies": {
"@testing-library/dom": "^8.16.1",
@ -2452,6 +2455,11 @@
"node": ">=6"
}
},
"node_modules/escape-html": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
"integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
},
"node_modules/escape-string-regexp": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
@ -3633,6 +3641,21 @@
"node": ">= 0.4"
}
},
"node_modules/interweave": {
"version": "13.0.0",
"resolved": "https://registry.npmjs.org/interweave/-/interweave-13.0.0.tgz",
"integrity": "sha512-Mckwj+ix/VtrZu1bRBIIohwrsXj12ZTvJCoYUMZlJmgtvIaQCj0i77eSZ63ckbA1TsPrz2VOvLW9/kTgm5d+mw==",
"dependencies": {
"escape-html": "^1.0.3"
},
"funding": {
"type": "ko-fi",
"url": "https://ko-fi.com/milesjohnson"
},
"peerDependencies": {
"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
}
},
"node_modules/is-bigint": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
@ -5456,6 +5479,25 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/sweetalert2": {
"version": "11.4.32",
"resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.4.32.tgz",
"integrity": "sha512-fcXWPzWjqYoLqlfPLL4GHpZDZr4Lm7opkaADKAD1LDM4KHJ5ZHN/8/Les5HWP7+yl+0mrqHHkbsSxjXdvDHHlg==",
"funding": {
"type": "individual",
"url": "https://sweetalert2.github.io/#donations"
}
},
"node_modules/sweetalert2-react-content": {
"version": "5.0.3",
"resolved": "https://registry.npmjs.org/sweetalert2-react-content/-/sweetalert2-react-content-5.0.3.tgz",
"integrity": "sha512-DQXblZn0LHTvmaZquNQncZIE3Ljox85sAKKbXjYlDyFejyOibHwprAVvtQQpAUG3bgvyDUeAOE/BDFcVx6KUow==",
"peerDependencies": {
"react": "^18.0.0",
"react-dom": "^18.0.0",
"sweetalert2": "^11.0.0"
}
},
"node_modules/symbol-tree": {
"version": "3.2.4",
"resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@ -7708,6 +7750,11 @@
"integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
"dev": true
},
"escape-html": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
"integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
},
"escape-string-regexp": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
@ -8569,6 +8616,14 @@
"side-channel": "^1.0.4"
}
},
"interweave": {
"version": "13.0.0",
"resolved": "https://registry.npmjs.org/interweave/-/interweave-13.0.0.tgz",
"integrity": "sha512-Mckwj+ix/VtrZu1bRBIIohwrsXj12ZTvJCoYUMZlJmgtvIaQCj0i77eSZ63ckbA1TsPrz2VOvLW9/kTgm5d+mw==",
"requires": {
"escape-html": "^1.0.3"
}
},
"is-bigint": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
@ -9849,6 +9904,17 @@
"integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
"dev": true
},
"sweetalert2": {
"version": "11.4.32",
"resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.4.32.tgz",
"integrity": "sha512-fcXWPzWjqYoLqlfPLL4GHpZDZr4Lm7opkaADKAD1LDM4KHJ5ZHN/8/Les5HWP7+yl+0mrqHHkbsSxjXdvDHHlg=="
},
"sweetalert2-react-content": {
"version": "5.0.3",
"resolved": "https://registry.npmjs.org/sweetalert2-react-content/-/sweetalert2-react-content-5.0.3.tgz",
"integrity": "sha512-DQXblZn0LHTvmaZquNQncZIE3Ljox85sAKKbXjYlDyFejyOibHwprAVvtQQpAUG3bgvyDUeAOE/BDFcVx6KUow==",
"requires": {}
},
"symbol-tree": {
"version": "3.2.4",
"resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",

4
src/Components/Sidebar/Sidebar.tsx
View file

@ -23,7 +23,7 @@ export function Sidebar(props: ISidebarProps): JSX.Element {
draggable={true}
onDragStart={(event) => HandleDragStart(event)}
>
{TruncateString(componentOption.Type, 5)}
{TruncateString(componentOption.Type, 25)}
</button>
);
@ -35,7 +35,7 @@ export function Sidebar(props: ISidebarProps): JSX.Element {
<div className='bg-slate-100 sidebar-title'>
Components
</div>
<div className='grid grid-cols-1 md:grid-cols-3 gap-2
<div className='grid grid-cols-1 md:grid-cols-1 gap-2
m-2 md:text-xs font-bold'>
{listElements}
</div>

2
src/Components/Symbols/Symbols.tsx
View file

@ -27,7 +27,7 @@ export function Symbols(props: ISymbolsProps): JSX.Element {
>
<div>
<img
className='transition-all h-12 w-full object-cover'
className='transition-all h-12 w-full object-contain'
src={url}
/>
</div>

2
src/index.scss
View file

@ -8,7 +8,7 @@
}
.sidebar-component {
@apply transition-all px-2 py-6 text-sm rounded-lg bg-slate-300/60 hover:bg-slate-300
@apply transition-all px-2 py-6 text-sm rounded-lg bg-slate-300/60 hover:bg-blue-500 hover:text-slate-50
}
.sidebar-component-card {