muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-26 03:26:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

panels: fixed sizes

Browse source
This commit is contained in:
muerwre 2018-12-07 14:37:44 +07:00
parent b8ba50517b
commit a6966fd651
4 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/dialogs/SaveDialog.jsx
View file

@ -64,7 +64,7 @@ export class SaveDialog extends React.Component<Props, State> {
const { host } = getUrlData(); const { host } = getUrlData();
return ( return (
<div className="control-dialog" style={{ width }}> <div className="control-dialog control-dialog-medium" style={{ width }}>
<div className="helper save-helper"> <div className="helper save-helper">
<div className="save-title"> <div className="save-title">
<div className="save-title-input"> <div className="save-title-input">

2
src/components/dialogs/StickersDialog.jsx
View file

@ -9,7 +9,7 @@ type Props = {
}; };
export const StickersDialog = ({ setActiveSticker, width }: Props) => ( export const StickersDialog = ({ setActiveSticker, width }: Props) => (
<div className="control-dialog" style={{ width }}> <div className="control-dialog control-dialog-big" style={{ width }}>
<div className="helper stickers-helper"> <div className="helper stickers-helper">
{ {
Object.keys(STICKERS).map(set => ( Object.keys(STICKERS).map(set => (

4
src/components/panels/EditorDialog.jsx
View file

@ -45,9 +45,7 @@ const DIALOG_CONTENTS = {
}; };
export const Component = (props: Props) => { export const Component = (props: Props) => {
const { const { mode } = props;
mode
} = props;
return ( return (
(mode && DIALOG_CONTENTS[mode] && React.createElement(DIALOG_CONTENTS[mode], { ...props })) (mode && DIALOG_CONTENTS[mode] && React.createElement(DIALOG_CONTENTS[mode], { ...props }))

8
src/styles/panel.less
View file

@ -169,6 +169,14 @@
bottom: auto; bottom: auto;
top: 52px; top: 52px;
} }
&.control-dialog-big {
min-width: 555px;
}
&.control-dialog-medium {
min-width: 460px;
}
} }
.control-dialog-provider { .control-dialog-provider {