theolem/Dacstylo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fixing styles

Browse Source
This commit is contained in:
theo1 2021-02-04 21:51:24 +01:00
parent ed3776204e
commit c57b36f2c3
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.7 KiB

11
src/components/Screen.vue
View File

@ -1,7 +1,8 @@
<template> <template>
<div class='container'> <div class='container'>
<p id="timer">{{ timer }}<p> <p id="timer">{{ timer }}<p>
<p id="typing-speed" v-if="!timerRunning">{{ typingSpeed }} words / minute </p> <p id="typing-speed" v-if="timerRunning">{{ wordCount }}</p>
<p v-else>{{ typingSpeed }} words / minute</p>
<div id="prompt-screen"> <div id="prompt-screen">
<span v-for="(letter, index) in letters" :key="index" :class="getSpanClasses(index)">{{ letter }}</span> <span v-for="(letter, index) in letters" :key="index" :class="getSpanClasses(index)">{{ letter }}</span>
</div> </div>
@ -27,7 +28,7 @@ export default {
isWrong: false, isWrong: false,
timer: 60, timer: 60,
timerRunning: false, timerRunning: false,
typingSpeed: "" typingSpeed: "",
} }
}, },
async mounted() { async mounted() {
@ -121,7 +122,7 @@ export default {
<style scoped> <style scoped>
.container { .container {
margin-left: 50px; text-align: center;
} }
@ -130,12 +131,12 @@ export default {
font-size: 2em; font-size: 2em;
width: 50%; width: 50%;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
margin-bottom: 50px; margin: auto;
} }
#user-input { #user-input {
display: block; display: block;
float: left; margin-top: 50px;
} }
span.active { span.active {