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

dialogs: new appearance

Browse source
This commit is contained in:
muerwre 2018-12-07 09:47:35 +07:00
parent fc5b6009cb
commit 78216ee94e
5 changed files with 25 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -13,7 +13,7 @@ type Props = {
};
const Component = ({ routes, editing, routes_sorted }: Props) => (
<div className="dialog-maplist">
<div className="dialog-content dialog-maplist">
{
routes_sorted.map(id => (
<RouteRow

6
src/styles/colors.less
View file

@ -21,5 +21,7 @@
@color_success: #7cd766;
@color_danger: #ff3344;
@bar_shadow: rgba(0,0,0,0.3) 0 2px 0, inset rgba(255, 255, 255, 0.05) 1px 1px;
@dialog_shadow: rgba(0,0,0,0.3) 2px 0 0;
// @bar_shadow: rgba(0,0,0,0.3) 0 2px 0, inset rgba(255, 255, 255, 0.05) 1px 1px;
// @dialog_shadow: rgba(0,0,0,0.3) 2px 0 0;
@dialog_shadow: rgba(0,0,0,0.3) 0 0 0 2px;
@bar_shadow: rgba(0,0,0,0.3) 0 0 0 2px, inset rgba(255, 255, 255, 0.05) 1px 1px;

22
src/styles/dialogs.less
View file

@ -1,7 +1,7 @@
.dialog {
// background: #222222;
// background: linear-gradient(130deg, #320523, #020d2b);
background: #271535;
// background: #271535;
position: fixed;
left: 0;
top: 0;
@ -9,7 +9,6 @@
height: 100%;
z-index: 3;
box-shadow: @dialog_shadow;
padding: 10px 10px 72px 10px;
overflow: hidden;
box-sizing: border-box;
@ -23,20 +22,35 @@
pointer-events: all;
}
}
.dialog-content {
background: #271535;
height: 100%;
overflow: hidden;
position: relative;
border-radius: @panel_radius;
box-shadow: @dialog_shadow;
&::after {
content: ' ';
height: 100px;
height: 40px;
width: 100%;
left: 0;
bottom: 0;
// background: linear-gradient(0deg, rgba(2, 13, 43, 1) 50%, rgba(2,13,43,0));
// background: linear-gradient(0deg, rgba(34, 34, 34, 1) 50%, rgba(34, 34, 34, 0));
background: linear-gradient(0deg, rgba(39, 21, 53, 1) 50%, rgba(39, 21, 53, 1));
background: linear-gradient(0deg, rgba(39, 21, 53, 1), rgba(39, 21, 53, 0));
position: absolute;
z-index: 5;
}
}
.dialog-maplist {
padding: 10px;
box-sizing: border-box;
}
.route-row {
margin-bottom: 10px;
background: rgba(255, 255, 255, 0.05);