forked from geolba/tethys.backend
Arno Kaimbacher
cefd9081ae
- adapted menu.ts, NavBar.vue, NavBarItem.vue for highlighting active nav item - NavBarItemLabel.vue for app menu highlighting - adapted routes.ts - adapted app.edge for new favicon - adapted LayoutAuthenticated.vue (:showAsideMenu="false") for showing AsideMenu optional - new material icons: BriefcaseCheck.vue, SwapHorizontal.vue, AccountGroup.vue, Lock.vue - started with FirstRunWizard
31 lines
1002 B
Vue
31 lines
1002 B
Vue
<template>
|
|
<span v-bind="$attrs" :aria-hidden="!title" :aria-label="title" class="material-design-icon lock-icon" role="img"
|
|
@click="$emit('click', $event)">
|
|
<svg :fill="fillColor" class="material-design-icon__svg" :width="size" :height="size" viewBox="0 0 24 24">
|
|
<path
|
|
d="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z">
|
|
<title v-if="title">{{ title }}</title>
|
|
</path>
|
|
</svg>
|
|
</span>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "LockIcon",
|
|
emits: ['click'],
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
},
|
|
fillColor: {
|
|
type: String,
|
|
default: "currentColor"
|
|
},
|
|
size: {
|
|
type: Number,
|
|
default: 24
|
|
}
|
|
}
|
|
}
|
|
</script> |