benkyd/legolog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

popouts

Browse Source 
Former-commit-id: 9313d7ee4fe7d0b30070ecfc9a90ead5f8294ba3
This commit is contained in:
Ben
2022-04-22 15:16:36 +01:00
parent d8a838f261
commit 3301e111e2
8 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
README.md
View File

Binary file not shown.

2
client/public/about/index.html
View File

@@ -12,7 +12,7 @@
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
<!-- Auth0 - a library for authentication --> <!-- Auth0 - a library for authentication -->
<script type="module" src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script> <script src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script>
<!-- Flickity - a library to make carousells easier to implement --> <!-- Flickity - a library to make carousells easier to implement -->
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css"> <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">

1
client/public/components/basket-popout.mjs
View File

@@ -141,7 +141,6 @@ class BasketPopout extends Component {
type="${item.type}" type="${item.type}"
quantity="${item.quantity}"> quantity="${item.quantity}">
</super-compact-listing-component> </super-compact-listing-component>
<span class="popup-content-item-value">modifier</span>
</div> </div>
`; `;
}).join('')} }).join('')}

2
client/public/components/product-listing.mjs
View File

@@ -159,7 +159,7 @@ class ProductListing extends Component {
</div> </div>
<div class="menu-content"> <div class="menu-content">
${this.state.date_released ? /* html */'<div class="product-details-content-item">Released in {this.state.date_released}</div>' : ''} ${this.state.date_released ? /* html */'<div class="product-details-content-item">Released in {this.state.date_released}</div>' : ''}
<div class="product-details-content-item">Dimensions: {this.state.dimensions_x} x {this.state.dimensions_y} x {this.state.dimensions_z}</div> <div class="product-details-content-item">Dimensions: {this.state.dimensions_x}mm x {this.state.dimensions_y}mm x {this.state.dimensions_z}mm</div>
<div class="product-details-content-item">Weight: {this.state.weight}g</div> <div class="product-details-content-item">Weight: {this.state.weight}g</div>
<div class="product-details-content-item">Not suitable for children under the age of 3 years old, small parts are a choking hazard.</div> <div class="product-details-content-item">Not suitable for children under the age of 3 years old, small parts are a choking hazard.</div>
<div class="product-details-content-item">Not for individual resale.</div> <div class="product-details-content-item">Not for individual resale.</div>

9
client/public/components/super-compact-listing.mjs
View File

@@ -36,6 +36,7 @@ class SuperCompactProductListing extends Component {
</span> </span>
<span class="product-listing-info"> <span class="product-listing-info">
<span class="product-listing-name">{this.state.name}</span> <span class="product-listing-name">{this.state.name}</span>
<div class="product-listing-modifier">${this.state.modifier || ''}</div>
<tag-component name="{this.state.tag}"></tag-component> <tag-component name="{this.state.tag}"></tag-component>
</span> </span>
<span class="product-pricing"> <span class="product-pricing">
@@ -53,6 +54,8 @@ class SuperCompactProductListing extends Component {
align-items: center; align-items: center;
padding-left: 10px; padding-left: 10px;
padding-right: 15px; padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
margin: 7px; margin: 7px;
z-index: 0; z-index: 0;
cursor: pointer; cursor: pointer;
@@ -86,6 +89,12 @@ class SuperCompactProductListing extends Component {
flex-grow: 50 flex-grow: 50
} }
.product-listing-modifier {
font-size: 0.8em;
font-style: italic;
color: #999;
}
.product-pricing { .product-pricing {
flex-grow: 1; flex-grow: 1;
text-align: right; text-align: right;

2
client/public/featured/index.html
View File

@@ -12,7 +12,7 @@
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
<!-- Auth0 - a library for authentication --> <!-- Auth0 - a library for authentication -->
<script type="module" src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script> <script src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script>
<!-- Flickity - a library to make carousells easier to implement --> <!-- Flickity - a library to make carousells easier to implement -->
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css"> <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">

2
client/public/index.html
View File

@@ -12,7 +12,7 @@
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
<!-- Auth0 - a library for authentication --> <!-- Auth0 - a library for authentication -->
<script type="module" src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script> <script src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script>
<!-- Flickity - a library to make carousells easier to implement --> <!-- Flickity - a library to make carousells easier to implement -->
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css"> <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">

2
client/public/search/index.html
View File

@@ -12,7 +12,7 @@
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
<!-- Auth0 - a library for authentication --> <!-- Auth0 - a library for authentication -->
<script type="module" src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script> <script src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script>
<!-- Flickity - a library to make carousells easier to implement --> <!-- Flickity - a library to make carousells easier to implement -->
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css"> <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">