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
backend/models/Route.js
View file

@ -16,7 +16,7 @@ const RouteSchema = new Schema(
created_at: { type: Date, default: Date.now() }, created_at: { type: Date, default: Date.now() },
updated_at: { type: Date, default: Date.now() }, updated_at: { type: Date, default: Date.now() },
logo: { type: String, default: 'DEFAULT' }, logo: { type: String, default: 'DEFAULT' },
map_style: { type: String, default: 'DEFAULT' }, provider: { type: String, default: 'DEFAULT' },
}, },
); );

2
backend/tools/import.js
View file

@ -131,7 +131,7 @@ const run = async () => {
owner: { _id: login }, owner: { _id: login },
created_at, created_at,
updated_at: created_at, updated_at: created_at,
map_style: mapStyleParser(map_style), provider: mapStyleParser(map_style),
route, route,
stickers: [ stickers: [
...stickersParser(stickers), ...stickersParser(stickers),

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

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

6
src/styles/colors.less
View file

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