24 lines
353 B
Vue
24 lines
353 B
Vue
|
<template>
|
||
|
|
<nav>
|
||
|
|
<h1>Vue SFC Playground</h1>
|
||
|
|
</nav>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
nav {
|
||
|
|
height: var(--nav-height);
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: 0 1em;
|
||
|
|
background-color: #fff;
|
||
|
|
box-shadow: 0 0 4px rgba(0, 0, 0, 0.33);
|
||
|
|
position: relative;
|
||
|
|
z-index: 999;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
margin: 0;
|
||
|
|
line-height: var(--nav-height);
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
</style>
|