refactor: undo card based look on detail views

This commit is contained in:
Rainer Killinger
2021-08-09 16:50:21 +02:00
parent 9f75f47e9c
commit 640df473f7
5 changed files with 40 additions and 7 deletions

View File

@@ -6,7 +6,18 @@
}
}
ion-card {
margin: 0;
box-shadow: none;
ion-card-content {
h1 {
margin: 0;
}
padding-bottom: 8px;
}
ion-card-header {
color: var(--ion-color-dark);
padding-top: 8px;
padding-bottom: 4px;
font-weight: bold;
}
ion-grid, ion-col {
@@ -15,4 +26,9 @@
padding-bottom: 0;
}
}
ion-grid, ion-col {
padding-inline-start: 0;
padding-top: 0;
padding-bottom: 0;
}
}

View File

@@ -1,8 +1,12 @@
<ion-card>
<ion-card-content>
<h1>{{ 'name' | thingTranslate: item }}</h1>
{{ 'description' | thingTranslate: item }}</ion-card-content
>
<ion-text color="dark">
<h1>
{{ 'name' | thingTranslate: item }}
</h1>
</ion-text>
{{ 'description' | thingTranslate: item }}
</ion-card-content>
</ion-card>
<ion-grid>
<ion-row>
@@ -41,7 +45,7 @@
></stapps-offers-detail>
<stapps-simple-card
*ngIf="item.additives"
[title]="'additives' | propertyNameTranslate: item"
[title]="'additives' | propertyNameTranslate: item | titlecase"
[content]="'additives' | thingTranslate: item | join: ', '"
>
</stapps-simple-card>

View File

@@ -21,7 +21,11 @@
</li>
<li *ngIf="distance">
<ion-icon name="walk"></ion-icon
>{{ distance | numberLocalized: 'style:unit,unit:meter,notation:compact' }}
>{{
distance
| numberLocalized
: 'style:unit,unit:meter,notation:compact'
}}
</li>
</ul>
</ion-note>
@@ -34,7 +38,11 @@
</li>
<li *ngIf="distance">
<ion-icon name="walk"></ion-icon
>{{ distance | numberLocalized: '1.0-0' }} m
>{{
distance
| numberLocalized
: 'style:unit,unit:meter,notation:compact'
}}
</li>
</ul>
</ion-note>

View File

@@ -1,6 +1,10 @@
<ion-card>
<ion-card-content>
<h1>{{ 'name' | thingTranslate: item }}</h1>
<ion-text color="dark">
<h1>
{{ 'name' | thingTranslate: item }}
</h1>
</ion-text>
{{ 'description' | thingTranslate: item }}</ion-card-content
>
</ion-card>

View File

@@ -2,6 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="color-scheme" content="light dark" />
<title>StApps</title>
<base href="/" />