aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/client/react/components/container/Menu.js9
-rw-r--r--src/client/style/_component-search.scss6
2 files changed, 12 insertions, 3 deletions
diff --git a/src/client/react/components/container/Menu.js b/src/client/react/components/container/Menu.js
index 2e55fa1..6476d84 100644
--- a/src/client/react/components/container/Menu.js
+++ b/src/client/react/components/container/Menu.js
@@ -21,6 +21,7 @@
import React from 'react';
import { Button, ButtonIcon } from 'rmwc/Button';
import { SimpleMenu, MenuItem } from 'rmwc/Menu';
+import { Icon } from 'rmwc/Icon';
class Menu extends React.Component {
render() {
@@ -28,9 +29,11 @@ class Menu extends React.Component {
<SimpleMenu
handle={<Button><ButtonIcon use="more_vert" /></Button>}
>
- <MenuItem>Cookies</MenuItem>
- <MenuItem>Pizza</MenuItem>
- <MenuItem>Icecream</MenuItem>
+ <MenuItem><Icon use="bookmark_border" />Voeg label toe</MenuItem>
+ <MenuItem><Icon use="star_border" />Maak favoriet</MenuItem>
+ <div className="mdc-list-divider" role="separator" />
+ <MenuItem><Icon use="location_searching" />Lokaal zoeken</MenuItem>
+ <MenuItem><Icon use="launch" />Oud rooster gebruiken</MenuItem>
</SimpleMenu>
);
}
diff --git a/src/client/style/_component-search.scss b/src/client/style/_component-search.scss
index f5575ac..fafcb4b 100644
--- a/src/client/style/_component-search.scss
+++ b/src/client/style/_component-search.scss
@@ -75,6 +75,12 @@
font-size: 24px;
}
}
+
+ .mdc-list-item {
+ i {
+ padding-right: 8px;
+ }
+ }
}
&__results {