misskey/src/client/app/common/views/widgets/nav.vue

39 lines
601 B
Vue
Raw Normal View History

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