<template>
    <div class="top-nav">
        <a class="left" href="javascript:alert('TODO');">
            <span class="icon icon-left"></span>
        </a>

        <a class="right" href="javascript:alert('TODO');">
            <span class="icon icon-right"></span>
        </a>
    </div>
</template>
<style>
    .top-nav {
        position: fixed;
        z-index: 10;
        font-size: 40px;
        padding: 30px;
        width: 100%;

        .left {
            float: left;
        }

        .right {
            float: right;
        }
    }
</style>
<script></script>