Skip to content

P
projet-cdaw
Commit c9a64ae4 authored by quentin.vrel's avatar quentin.vrel
Browse files
Options

The tile is a button

parent 48f500f2
Show whitespace changes
Inline Side-by-side
Showing with 5 additions and 5 deletions
frontend/src/components/Tile.vue
View file @ c9a64ae4
<template> <template>
<div class="tile"> <div class="tile">
<div v-on:click="tileClicked(id)" class="tile-symbol" :id="this.tile.idobject"> <button v-on:click="tileClicked(id)" class="tile-symbol" :id="this.tile.idobject">
<img class="tile-background" :src="this.background" :width="this.width" :height="this.height"/> <img class="tile-background" :src="this.background" :width="this.width" :height="this.height"/>
<!--img class="tile-background" :src="this.background" :width="this.width" :height="this.height"/--> <!--img class="tile-background" :src="this.background" :width="this.width" :height="this.height"/-->
<svg-button class="tile-front" :svg="this.svg" :width="this.width" :height="this.height"/> <img class="tile-front" :src="this.svg" :width="this.width" :height="this.height"/>
</div> </button>
</div> </div>
</template> </template>
<script> <script>
import Tile from '@/model/TileModel.js' import Tile from '@/model/TileModel.js'
import SvgButton from './SvgButton.vue';
export default { export default {
components: { SvgButton }, components: {},
props: { props: {
id: Number, id: Number,
width: { type: [Number, String], default: 80 }, width: { type: [Number, String], default: 80 },
...@@ -48,6 +47,7 @@ export default { ...@@ -48,6 +47,7 @@ export default {
} }
.tile-symbol{ .tile-symbol{
position: relative; position: relative;
padding: 0;
border-radius: 10px; border-radius: 10px;
background: transparent; background: transparent;
border: none; border: none;
......
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