Update icons
Before Width: | Height: | Size: 148 KiB After Width: | Height: | Size: 264 KiB |
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 34 KiB |
@ -3,13 +3,13 @@
|
|||||||
"name": "WiseMapping",
|
"name": "WiseMapping",
|
||||||
"icons": [{
|
"icons": [{
|
||||||
"src": "favicon.ico",
|
"src": "favicon.ico",
|
||||||
"sizes": "64x64 32x32 24x24 16x16",
|
"sizes": "256x256 192x192 128x128 96x96 64x64 32x32 24x24 16x16",
|
||||||
"type": "image/x-icon"
|
"type": "image/x-icon"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"src": "favicon.png",
|
"src": "favicon.png",
|
||||||
"type": "image/png",
|
"type": "image/png",
|
||||||
"sizes": "512x512"
|
"sizes": "1024x1024"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"start_url": ".",
|
"start_url": ".",
|
||||||
|
@ -2,14 +2,14 @@ import React from 'react'
|
|||||||
import { FormattedMessage } from 'react-intl'
|
import { FormattedMessage } from 'react-intl'
|
||||||
import { StyledFooter } from './styled'
|
import { StyledFooter } from './styled'
|
||||||
|
|
||||||
const logo = require('../../../images/logo-text.svg')
|
const poweredByIcon = require('../../../images/pwrdby-white.svg')
|
||||||
|
|
||||||
const Footer = () => {
|
const Footer = () => {
|
||||||
return (
|
return (
|
||||||
<StyledFooter>
|
<StyledFooter>
|
||||||
<div style={{ padding: 0, margin: 0 }}>
|
<div style={{ padding: 0, margin: 0 }}>
|
||||||
<a href="http://www.wisemapping.org/">
|
<a href="http://www.wisemapping.org/">
|
||||||
<div style={{ textAlign: "left" }}>Powered By</div><img src={logo} alt="logo" />
|
<img src={poweredByIcon} alt="Powered By WiseMapping" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div >
|
<div >
|
||||||
|
@ -8,12 +8,13 @@ import IconButton from '@material-ui/core/IconButton';
|
|||||||
import ListItem from '@material-ui/core/ListItem';
|
import ListItem from '@material-ui/core/ListItem';
|
||||||
import ListItemIcon from '@material-ui/core/ListItemIcon';
|
import ListItemIcon from '@material-ui/core/ListItemIcon';
|
||||||
import { ListItemTextStyled, useStyles } from './style';
|
import { ListItemTextStyled, useStyles } from './style';
|
||||||
import { AccountCircle, AddCircleTwoTone, BlurCircular, CloudUploadTwoTone, DeleteOutlineTwoTone, Help, LabelTwoTone, PublicTwoTone, ShareTwoTone, StarRateTwoTone, Translate, TranslateTwoTone } from '@material-ui/icons';
|
import { AccountCircle, AddCircleTwoTone, BlurCircular, CloudUploadTwoTone, DeleteOutlineTwoTone, Help, LabelTwoTone, PublicTwoTone, ShareTwoTone, StarRateTwoTone, Translate, TranslateTwoTone } from '@material-ui/icons';
|
||||||
import InboxTwoToneIcon from '@material-ui/icons/InboxTwoTone';
|
import InboxTwoToneIcon from '@material-ui/icons/InboxTwoTone';
|
||||||
import { Button, ListItemSecondaryAction, Menu, MenuItem, Tooltip } from '@material-ui/core';
|
import { Button, Link, ListItemSecondaryAction, Menu, MenuItem, Tooltip } from '@material-ui/core';
|
||||||
import { MapsList } from './maps-list';
|
import { MapsList } from './maps-list';
|
||||||
import { FormattedMessage } from 'react-intl';
|
import { FormattedMessage } from 'react-intl';
|
||||||
const logo = require('../../images/logo-small.svg')
|
const logo = require('../../images/logo-small.svg')
|
||||||
|
const poweredByIcon = require('../../images/pwrdby-white.svg')
|
||||||
|
|
||||||
type FilterType = 'public' | 'all' | 'starred' | 'shared' | 'label' | 'owned'
|
type FilterType = 'public' | 'all' | 'starred' | 'shared' | 'label' | 'owned'
|
||||||
|
|
||||||
@ -82,12 +83,11 @@ const MapsPage = (props: any) => {
|
|||||||
}),
|
}),
|
||||||
}}>
|
}}>
|
||||||
|
|
||||||
<div style={{textAlign: 'center',margin:"20px 0px"}}>
|
<div style={{ textAlign: 'center', margin: "20px 0px" }}>
|
||||||
<img src={logo} alt="logo"/>
|
<img src={logo} alt="logo" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<List component="nav">
|
<List component="nav">
|
||||||
|
|
||||||
<ListItem button >
|
<ListItem button >
|
||||||
<ListItemIcon>
|
<ListItemIcon>
|
||||||
<InboxTwoToneIcon color="secondary" />
|
<InboxTwoToneIcon color="secondary" />
|
||||||
@ -134,8 +134,12 @@ const MapsPage = (props: any) => {
|
|||||||
</IconButton>
|
</IconButton>
|
||||||
</ListItemSecondaryAction>
|
</ListItemSecondaryAction>
|
||||||
</ListItem>
|
</ListItem>
|
||||||
|
|
||||||
</List>
|
</List>
|
||||||
|
<div style={{ position: 'absolute', bottom: '10px', left: '20px' }}>
|
||||||
|
<Link href="http://www.wisemapping.org/">
|
||||||
|
<img src={poweredByIcon} alt="Powered By WiseMapping" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
</Drawer>
|
</Drawer>
|
||||||
<main className={classes.content}>
|
<main className={classes.content}>
|
||||||
<div className={classes.toolbar} />
|
<div className={classes.toolbar} />
|
||||||
|
@ -302,7 +302,6 @@ export const MapsList = () => {
|
|||||||
<TableContainer>
|
<TableContainer>
|
||||||
<Table
|
<Table
|
||||||
className={classes.table}
|
className={classes.table}
|
||||||
aria-labelledby="tableTitle"
|
|
||||||
size="small"
|
size="small"
|
||||||
stickyHeader
|
stickyHeader
|
||||||
>
|
>
|
||||||
|
@ -57,7 +57,7 @@ export const useStyles = makeStyles((theme: Theme) =>
|
|||||||
'&:hover': {
|
'&:hover': {
|
||||||
backgroundColor: fade(theme.palette.common.white, 0.25),
|
backgroundColor: fade(theme.palette.common.white, 0.25),
|
||||||
},
|
},
|
||||||
marginLeft: 0,
|
margin: '10px 0px',
|
||||||
width: '100%',
|
width: '100%',
|
||||||
[theme.breakpoints.up('sm')]: {
|
[theme.breakpoints.up('sm')]: {
|
||||||
marginLeft: theme.spacing(1),
|
marginLeft: theme.spacing(1),
|
||||||
@ -66,7 +66,7 @@ export const useStyles = makeStyles((theme: Theme) =>
|
|||||||
float: 'right'
|
float: 'right'
|
||||||
},
|
},
|
||||||
searchIcon: {
|
searchIcon: {
|
||||||
padding: '5px 0 0 8px',
|
padding: '5px 0 0 5px',
|
||||||
height: '100%',
|
height: '100%',
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
pointerEvents: 'none',
|
pointerEvents: 'none',
|
||||||
|
Before Width: | Height: | Size: 27 KiB |
BIN
packages/webapp/src/images/logo-icon.png
Normal file
After Width: | Height: | Size: 34 KiB |
@ -1,5 +1,5 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
<svg viewBox="11.222 9.992 47.08 32.567" width="47.08" height="32.567" xmlns="http://www.w3.org/2000/svg">
|
<svg viewBox="11.791 4.244 45.584 42.529" width="47.08" height="32.567" xmlns="http://www.w3.org/2000/svg">
|
||||||
<mask id="i08j30ef6a" fill="#fff">
|
<mask id="i08j30ef6a" fill="#fff">
|
||||||
<path d="M 32.334 17.911 C 32.334 20.705 31.301 23.382 29.458 25.357 C 27.617 27.332 25.121 28.441 22.517 28.441 C 19.913 28.441 17.417 27.332 15.576 25.357 C 13.734 23.382 12.7 20.705 12.7 17.911 L 32.334 17.911 Z"/>
|
<path d="M 32.334 17.911 C 32.334 20.705 31.301 23.382 29.458 25.357 C 27.617 27.332 25.121 28.441 22.517 28.441 C 19.913 28.441 17.417 27.332 15.576 25.357 C 13.734 23.382 12.7 20.705 12.7 17.911 L 32.334 17.911 Z"/>
|
||||||
</mask>
|
</mask>
|
||||||
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
11
packages/webapp/src/images/pwrdby-black.svg
Normal file
After Width: | Height: | Size: 2.0 MiB |
11
packages/webapp/src/images/pwrdby-white.svg
Normal file
After Width: | Height: | Size: 2.0 MiB |