소스 검색

Add header and logo; set dark theme up

master
Fen Dweller 5 년 전
부모
커밋
f21e012f7b
2개의 변경된 파일13개의 추가작업 그리고 2개의 파일을 삭제
  1. +13
    -2
      src/App.vue
  2. BIN
      src/assets/feast.png

+ 13
- 2
src/App.vue 파일 보기

@@ -1,6 +1,9 @@
<template> <template>
<div id="app"> <div id="app">
<img alt="Vue logo" src="./assets/logo.png">
<div>
This is the (extremely early alpha of the) new Feast. If you're looking for the old version, <a href="https://classic.feast.crux.sexy">go here!</a>
</div>
<img alt="Feast logo" id="logo" src="./assets/feast.png">
<Combat :player="player" :enemy="enemy" /> <Combat :player="player" :enemy="enemy" />
</div> </div>
</template> </template>
@@ -30,12 +33,20 @@ export default class App extends Vue {
</script> </script>


<style> <style>
body, html {
background: #111;
}

#app { #app {
font-family: Avenir, Helvetica, Arial, sans-serif; font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
text-align: center; text-align: center;
color: #2c3e50;
color: #ddd;
background: #111;
margin-top: 60px; margin-top: 60px;
} }
#logo {
width: 30vw;
}
</style> </style>

BIN
src/assets/feast.png 파일 보기

Before After
Width: 834  |  Height: 834  |  Size: 11 KiB

불러오는 중...
취소
저장