Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
P
projet-cdaw
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Raphaël PEIM
projet-cdaw
Commits
0f65bcd2
Commit
0f65bcd2
authored
Dec 01, 2020
by
raphael.peim
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Cut Game.vue in two parts
parent
5dbda883
Changes
3
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
38 additions
and
19 deletions
+38
-19
chat.png
frontend/src/assets/img/chat.png
+0
-0
form.jpg
frontend/src/assets/img/form.jpg
+0
-0
Game.vue
frontend/src/views/Game.vue
+38
-19
No files found.
frontend/src/assets/img/chat.png
0 → 100644
View file @
0f65bcd2
44 KB
frontend/src/assets/img/form.jpg
0 → 100644
View file @
0f65bcd2
48.8 KB
frontend/src/views/Game.vue
View file @
0f65bcd2
<
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
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
id=
"play"
class=
"col-10"
>
</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
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment