Commit 18c0b39d authored by Anders B. Clausen's avatar Anders B. Clausen
Browse files

Margins now fixed

parent b9334880
<template>
<div class="full-width fixed-to-top" id="header">
<div class="container" id="header">
<router-link to="/">
<div id="logo">
<div id="logo" class="vertical-center">
<h1>Studerende.dk</h1>
<span id="version-tag">v. Den Flyvende Gris</span>
</div>
</router-link>
<Navbar/>
<NotificationWidget/>
<div id="navbar" class="vertical-center">
<Navbar/>
</div>
<div id="notification-widget" class="vertical-center">
<NotificationWidget/>
</div>
</div>
</template>
......@@ -24,12 +28,17 @@
</script>
<style scoped lang="scss">
.full-width {
width: 100%;
.container {
min-height: 80px;
position: relative;
}
.fixed-to-top {
top: 0;
.vertical-center {
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#version-tag {
......@@ -41,16 +50,29 @@
}
#header {
width: 100%;
top: 0;
z-index: 1;
border-bottom: 2px solid lightgray;
}
#logo {
display: inline-block;
color: #2c3e50;
padding-right: 2.5%;
left: 40px;
h1 {
margin-bottom: 0;
}
}
#navbar {
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#notification-widget {
right: 40px;
}
</style>
\ No newline at end of file
......@@ -23,18 +23,17 @@
<style scoped lang="scss">
#widget {
display: inline-block;
padding-left: 2.5%;
width: 2em;
height: 2em;
img {
height: 2em;
}
#number {
position: relative;
bottom: 1.25em;
left: -1.25em;
left: 0.8em;
top: -2.5em;
font-weight: bold;
color: white;
......@@ -48,9 +47,9 @@
#notifications {
position: absolute;
z-index: 1;
width: 20em;
transform: translate(-45%);
top: 100%;
transform: translate(-90%);
background-color: $white-bg-color;
......
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