Skip to content

P
projet-cdaw
Commit 0f65bcd2 authored by raphael.peim's avatar raphael.peim
Browse files
Options

Cut Game.vue in two parts

parent 5dbda883
Hide whitespace changes
Inline Side-by-side
Showing with 38 additions and 19 deletions
frontend/src/views/Game.vue
View file @ 0f65bcd2
<template> <template>
<div class="body"> <div class="body position-absolute h-100 w-100">
<Navbar/> <Navbar/>
<div class="center"> <div class="container h-75">
<div id="game" class="container"> <div class="row h-100">
<div class="row"> <div class="col-3 h-100" style="border: 1px solid black;">
<div id="chat" class="col-2"> <div id="chat" class="row h-75" style="border: 1px solid black;">
</div> <div class="col w-100 h-100" style="border: 1px solid black;">
<div id="play" class="col-10"> </div>
</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> </div>
</div> </div>
...@@ -16,27 +25,37 @@ ...@@ -16,27 +25,37 @@
<script> <script>
import Navbar from '@/components/Navbar' import Navbar from '@/components/Navbar'
import Input from '@/components/Input'
export default { export default {
name: 'Game', name: 'Game',
components: { components: {
Navbar Navbar,
Input
},
data() {
return {
input: { type: 'text', id: 'message', placeholder: 'Ecrivez votre message' }
}
},
methods: {
onSubmit(evt) {
evt.preventDefault()
}
} }
} }
</script> </script>
<style> <style>
#game {
display: flex;
height: 50px;
border: 1px solid black;
}
#chat { #chat {
height: 50px; background-image: url('../assets/img/chat.png');
border: 1px solid black;
} }
#play { #form {
height: 50px; background-image: url('../assets/img/form.jpg');
border: 1px solid black; }
#game {
background-image: url('../assets/img/game.png');
background-repeat: no-repeat;
background-size: 100%;
} }
</style> </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