Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-05 22:38:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

solved border radius & alignment issue after selecting file (#3032)

Browse source
This commit is contained in:
Manish Kushare 2022-05-16 14:32:10 +05:30 committed by GitHub
parent 15c909abb2
commit 145f4d81db
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
frontend/src/Editor/Components/FilePicker.jsx
View file

@ -219,12 +219,7 @@ export const FilePicker = ({
return (
<section>
{showSelectdFiles ? (
<FilePicker.AcceptedFiles
width={width}
height={height}
showFilezone={setShowSelectedFiles}
bgThemeColor={bgThemeColor}
>
<FilePicker.AcceptedFiles showFilezone={setShowSelectedFiles} style={style}>
{selectedFiles.map((acceptedFile, index) => (
<>
<div key={index} className="col-10">
@ -280,24 +275,12 @@ FilePicker.Signifiers = ({ signifier, feedback, cls }) => {
return null;
};
FilePicker.AcceptedFiles = ({ children, width, height, showFilezone, bgThemeColor }) => {
const styles = {
borderWidth: 1.5,
borderRadius: 2,
borderColor: '#42536A',
borderStyle: 'dashed',
color: '#bdbdbd',
outline: 'none',
padding: '5px',
overflowX: 'hidden',
overflowY: 'auto',
scrollbarWidth: 'none',
width,
height,
backgroundColor: bgThemeColor,
};
FilePicker.AcceptedFiles = ({ children, showFilezone, style }) => {
return (
<aside style={styles} onClick={() => showFilezone(false)}>
<aside
style={{ ...style, overflowX: 'hidden', overflowY: 'auto', scrollbarWidth: 'none', display: 'block' }}
onClick={() => showFilezone(false)}
>
<span className="text-info">Files</span>
<div className="row accepted-files">{children}</div>
</aside>