Commit 83044be6 authored by Anders B. Clausen's avatar Anders B. Clausen
Browse files

Removed header to make merge easier.

parent bed48e72
Pipeline #51416 passed with stage
in 42 seconds
<template>
<div>
<!-- favicon for different devices -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<div id="header">
<router-link to="/">
<div id="logo">
<h1>Studerende.dk</h1>
<span id="version-tag">v. Den Flyvende Gris</span>
</div>
</router-link>
<div id="navbar">
<Navbar/>
</div>
<div id="notification-widget">
<NotificationWidget/>
</div>
</div>
</div>
</template>
<script>
import Navbar from '@/components/Navbar';
import NotificationWidget from '@/components/NotificationWidget';
export default {
name: 'Header',
components: {
Navbar,
NotificationWidget
}
}
</script>
<style scoped lang="scss">
#version-tag {
color: $light-theme-color;
font-weight: bold;
float: right;
margin-top: -5px;
}
#header {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 80px;
width: 100%;
top: 0;
padding-left: $default-margin;
padding-right: $default-margin;
z-index: 1;
background-color: $theme-color;
border-bottom: 2px solid lightgray;
}
#logo {
display: inline-block;
color: $lighter-theme-color;
left: $default-margin;
h1 {
margin: 0;
}
}
#navbar {
display: inline-block;
width: 100%;
height: 1em;
}
#notification-widget {
display: inline-block;
right: $default-margin;
cursor: pointer;
}
</style>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment