mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-24 14:45:15 +00:00
b11e9c0e51
- [ ] babel-eslint https://github.com/babel/babel-eslint/issues/664 - [x] eslint-config-standard-jsx https://github.com/standard/eslint-config-standard-jsx/issues/32 - [x] eslint-config-standard to be stable release https://github.com/standard/eslint-config-standard/issues/123 - [x] eslint-plugin-html - [x] eslint-plugin-import - [x] eslint-plugin-jest - [x] eslint-plugin-node - [x] eslint-plugin-promise - [x] eslint-plugin-standard https://github.com/standard/eslint-plugin-standard/issues/29 - [x] eslint-plugin-vue https://github.com/vuejs/eslint-plugin-vue/pull/504 - [x] eslint-plugin-react https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.10.0
38 lines
541 B
Vue
38 lines
541 B
Vue
<template>
|
|
<div class="dark">
|
|
<div class="mobile-banner">Mobile website</div>
|
|
<nuxt />
|
|
</div>
|
|
</template>
|
|
|
|
<style>
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
.dark {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
min-height: 100%;
|
|
background: black;
|
|
color: white;
|
|
padding: 10px;
|
|
padding-top: 40px;
|
|
}
|
|
.dark a {
|
|
color: white;
|
|
}
|
|
.mobile-banner {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 10px;
|
|
background: #333;
|
|
font-family: sans-serif;
|
|
font-size: 13px;
|
|
}
|
|
</style>
|