1
0
mirror of https://github.com/hotomoe/hotomoe synced 2024-12-18 16:48:09 +09:00
hotomoe/src/client/app/common/views/widgets/nav.vue

39 lines
589 B
Vue
Raw Normal View History

2018-02-15 12:36:42 +09:00
<template>
<div class="mkw-nav">
2018-02-24 02:46:09 +09:00
<mk-widget-container>
2018-04-20 07:45:37 +09:00
<div class="mkw-nav--body">
2018-02-24 02:46:09 +09:00
<mk-nav/>
</div>
</mk-widget-container>
2018-02-15 12:36:42 +09:00
</div>
</template>
<script lang="ts">
2018-02-25 00:18:09 +09:00
import define from '../../../common/define-widget';
2018-02-15 12:36:42 +09:00
export default define({
name: 'nav'
});
</script>
2018-04-20 07:45:37 +09:00
<style lang="stylus" scoped>
root(isDark)
.mkw-nav--body
padding 16px
font-size 12px
color isDark ? #9aa4b3 : #aaa
2018-09-26 20:28:13 +09:00
background var(--face)
2018-02-15 12:36:42 +09:00
2018-04-20 07:45:37 +09:00
a
color isDark ? #9aa4b3 : #999
2018-02-15 12:36:42 +09:00
2018-04-20 07:45:37 +09:00
i
color isDark ? #9aa4b3 : #ccc
.mkw-nav[data-darkmode]
root(true)
.mkw-nav:not([data-darkmode])
root(false)
2018-02-15 12:36:42 +09:00
</style>