1 changed files with 8 additions and 8 deletions
Unified View
Diff Options
+ 8
- 8
src/components/Header.vue
View File
| @@ -1,13 +1,10 @@ | |||||
| <template> | <template> | ||||
| <div id="header"> | <div id="header"> | ||||
| <div> | |||||
| This is the (extremely early alpha of the) new Feast. | |||||
| </div> | |||||
| <div> | <div> | ||||
| <a href="https://classic.feast.crux.sexy">Old version</a> | <a href="https://classic.feast.crux.sexy">Old version</a> | ||||
| </div> | </div> | ||||
| <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> | ||||
| <div>Version: {{version}}</div> | <div>Version: {{version}}</div> | ||||
| </div> | </div> | ||||
| @@ -26,15 +23,18 @@ export default class Header extends Vue { | |||||
| <style scoped> | <style scoped> | ||||
| #header { | #header { | ||||
| flex: 1 1; | |||||
| max-height: 30pt; | |||||
| flex: 0 1; | |||||
| width: 100%; | width: 100%; | ||||
| background: #222; | background: #222; | ||||
| top: 0%; | top: 0%; | ||||
| padding-top: 32pt; | |||||
| padding-bottom: 32pt; | |||||
| display: flex; | |||||
| justify-content: space-evenly; | |||||
| align-items: center; | |||||
| } | } | ||||
| a { | a { | ||||
| color: #66b | color: #66b | ||||
| } | } | ||||
| #header i { | |||||
| font-size: 7vh; | |||||
| } | |||||
| </style> | </style> | ||||