started diy store card
This commit is contained in:
parent
51ec608e65
commit
bcf97a88e0
@ -54,6 +54,29 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.store-cards {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
gap: 1em;
|
||||
}
|
||||
|
||||
.card {
|
||||
background-color: rgba(255, 255, 255, .5);
|
||||
width: 10em;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
color: black;
|
||||
gap: 1em;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.card-image {
|
||||
width: 100%;
|
||||
aspect-ratio: 1/1;
|
||||
}
|
||||
|
||||
.search-logo img {
|
||||
height: 100%;
|
||||
}
|
||||
|
@ -15,6 +15,13 @@
|
||||
<img als="girl_juice" src="assets/girl_juice.png" />
|
||||
</div>
|
||||
<input name="{{ .SearchInputName }}" type="text" class="grid-item" class="search" placeholder="{{ .SearchPlaceholder }}" />
|
||||
|
||||
<div class="store-cards">
|
||||
<a target="_blank" href="#" class="card">
|
||||
<img class="card-image" src="assets/girl_juice.png"/>
|
||||
<b>name</b>
|
||||
</a>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script>
|
||||
|
Loading…
x
Reference in New Issue
Block a user