fr/deguapp
1
1
Fork 1
Code Issues 18 Pull Requests 1 Actions Releases 2 Activity

Moving to vue

Browse Source
This commit is contained in:
Filip Rojek
2023-12-15 15:37:25 +01:00
parent eb541b7903
commit ce896a1126
14 changed files with 273 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
frontend/src/views/BeerView.vue Normal file
View File

@@ -0,0 +1,41 @@
<template>
<section class="card-wrapper f-center" style="">
<!-- <?php
if(Router::getID() == null) {
for ($i=0; $i < 8; $i++) {
?> -->
<div class="card card-beer f-col">
<img width="200px" id="<?= $i ?>" src="https://live.staticflickr.com/65535/49818361653_351771faae_h.jpg" alt="beer image">
<h2>Beer Name</h2>
<p>12 Degree</p>
</div>
<!-- <?php
}} else { ?> -->
<div class="card card-beer f-col">
<img width="200px" id="<?= $i ?>" src="https://live.staticflickr.com/65535/49818361653_351771faae_h.jpg" alt="beer image">
<h2>Beer Name</h2>
<p>12 Degree</p>
</div>
<!-- <?php
}?> -->
</section>
</template>
<style>
.main-wrapper h1 {
text-align: center;
}
.card-wrapper {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.card {
width: 15rem;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
padding: .5rem;
cursor: pointer;
}
</style>