diff options
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 19 |
1 files changed, 3 insertions, 16 deletions
diff --git a/src/App.vue b/src/App.vue index 0456388..10537d6 100644 --- a/src/App.vue +++ b/src/App.vue @@ -11,25 +11,12 @@ export default { </script> <template> - <div id="grid"> + <div class="bg-black flex flex-row flex-wrap justify-center"> <img v-for="tile in tiles" :src="'/src/assets/' + tile.name + '.jpg'" :alt="tile.name" :id="tile.name" - @click="$event.target.style.transform = 'translate(20%,30%)'"/> + @click="$event.target.style.transform = 'translate(20%,30%)'" + class="m-1 flex-auto transition-transform duration-300"/> </div> </template> <style> -#app { - background-color: black; -} -#grid { - display: flex; - flex-flow: row wrap; - justify-content: center; -} -img { - margin: 5px; - flex: auto; - transition: transform 1s; - max-width: 100%; -} </style> |