Commit 9c5d8f0c authored by Franca's avatar Franca Committed by Franca
Browse files

add minimalistic stylesheet and placeholder text

parent fa9d6a7e
<template>
<div>
<input type="password" v-model="pin" />
<span v-show="correct">Correct!</span>
</div>
<div id="centered">
<div id="title">
<h1>EWO Escape Room</h1>
</div>
<div id="input-field">
<p>{{ pin }}</p>
<input type="password" v-model="pin" />
<p v-show="correct">Correct!</p>
</div>
</div>
</template>
<script lang="ts">
......
/* Default text settings */
* {
font-family: 'Consolas', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'Monaco', 'Courier New', 'monospace', 'Verdana', 'Helvetica', 'Arial', sans-serif;
font-weight: normal;
font-style: normal;
}
body {
background-color: #292826;
color: #E3E3E3;
}
h1, h2 {
font-weight: bold;
/*font-family: 'LibertinusSansRegular', 'Helvetica', 'Arial', sans-serif;*/
text-align: center;
}
#centered {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
min-height: 80vh;
}
\ No newline at end of file
import { createApp } from "vue";
import App from "./App.vue";
import "./bundle.css";
createApp(App).mount("main");
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