|
|
|
@@ -1,13 +1,10 @@ |
|
|
|
<template> |
|
|
|
<div id="header"> |
|
|
|
<div> |
|
|
|
This is the (extremely early alpha of the) new Feast. |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<a href="https://classic.feast.crux.sexy">Old version</a> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<a href="https://discord.gg/vqcKVV6">Discord Server</a> |
|
|
|
<a href="https://discord.gg/vqcKVV6"><i class="fab fa-discord" /></a> |
|
|
|
</div> |
|
|
|
<div>Version: {{version}}</div> |
|
|
|
</div> |
|
|
|
@@ -26,15 +23,18 @@ export default class Header extends Vue { |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
#header { |
|
|
|
flex: 1 1; |
|
|
|
max-height: 30pt; |
|
|
|
flex: 0 1; |
|
|
|
width: 100%; |
|
|
|
background: #222; |
|
|
|
top: 0%; |
|
|
|
padding-top: 32pt; |
|
|
|
padding-bottom: 32pt; |
|
|
|
display: flex; |
|
|
|
justify-content: space-evenly; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
a { |
|
|
|
color: #66b |
|
|
|
} |
|
|
|
#header i { |
|
|
|
font-size: 7vh; |
|
|
|
} |
|
|
|
</style> |
