Commit 0f65bcd2 authored by raphael.peim's avatar raphael.peim

Cut Game.vue in two parts

parent 5dbda883
<template>
<div class="body">
<div class="body position-absolute h-100 w-100">
<Navbar/>
<div class="center">
<div id="game" class="container">
<div class="row">
<div id="chat" class="col-2">
</div>
<div id="play" class="col-10">
</div>
<div class="container h-75">
<div class="row h-100">
<div class="col-3 h-100" style="border: 1px solid black;">
<div id="chat" class="row h-75" style="border: 1px solid black;">
<div class="col w-100 h-100" style="border: 1px solid black;">
</div>
</div>
<div id="form" class="row h-25 pt-4" style="border: 1px solid black;">
<div class="col w-100 h-75">
<form @submit="onSubmit">
<Input :information="input" />
</form>
</div>
</div>
</div>
<div id="game" class="col-9 h-100" style="border: 1px solid black;">
</div>
</div>
</div>
......@@ -16,27 +25,37 @@
<script>
import Navbar from '@/components/Navbar'
import Input from '@/components/Input'
export default {
name: 'Game',
components: {
Navbar
Navbar,
Input
},
data() {
return {
input: { type: 'text', id: 'message', placeholder: 'Ecrivez votre message' }
}
},
methods: {
onSubmit(evt) {
evt.preventDefault()
}
}
}
</script>
<style>
#game {
display: flex;
height: 50px;
border: 1px solid black;
}
#chat {
height: 50px;
border: 1px solid black;
background-image: url('../assets/img/chat.png');
}
#play {
height: 50px;
border: 1px solid black;
#form {
background-image: url('../assets/img/form.jpg');
}
#game {
background-image: url('../assets/img/game.png');
background-repeat: no-repeat;
background-size: 100%;
}
</style>
\ No newline at end of file
Markdown is supported
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