Skip to content

Commit 5d64166

Browse files
committed
Background
1 parent 155d44e commit 5d64166

File tree

4 files changed

+29
-20
lines changed

4 files changed

+29
-20
lines changed
File renamed without changes.

frontend/src/pages/Home/HomePage.scss

Lines changed: 9 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
11
.home-page {
2-
background: url('../../../assets/Reports_bg.png') no-repeat center center;
3-
background-color: var(--ion-color-light);
42
min-height: 100%;
53

64
&__greeting {
@@ -19,7 +17,7 @@
1917
}
2018

2119
&-title {
22-
font-family: 'Merriweather', serif;
20+
font-family: Merriweather, serif;
2321
font-size: 1rem;
2422
color: var(--ion-color-medium);
2523
margin: 0 0 0.25rem;
@@ -41,19 +39,21 @@
4139
width: 4rem;
4240
height: 4rem;
4341
border: 3px solid white;
44-
box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
42+
box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 10%);
4543
}
4644
}
4745

4846
&__ai-card {
4947
margin-bottom: 1.5rem;
5048
border-radius: 1rem;
51-
box-shadow: 0 0.25rem 1rem rgba(71, 101, 255, 0.1);
49+
box-shadow: 0 0.25rem 1rem rgb(71 101 255 / 10%);
5250
background-color: #4765ff;
5351
overflow: visible;
5452
position: relative;
53+
5554
--ion-card-margin-start: 0;
5655
--ion-card-margin-end: 0;
56+
5757
margin-inline: 0;
5858
height: 7.5rem;
5959

@@ -187,7 +187,6 @@
187187
max-width: 100%;
188188
height: auto;
189189
display: block;
190-
vertical-align: bottom;
191190
margin-bottom: 0;
192191
}
193192
}
@@ -217,12 +216,15 @@
217216
&-list {
218217
margin-bottom: 1rem;
219218
background: transparent;
219+
box-shadow: none;
220220

221221
ion-item {
222222
--background: white;
223-
--border-color: rgba(0, 0, 0, 0.05);
223+
--border-color: rgb(0 0 0 / 5%);
224+
224225
margin-bottom: 0.5rem;
225226
border-radius: 0.75rem;
227+
226228
--padding-start: 1rem;
227229
--padding-end: 1rem;
228230

@@ -233,12 +235,6 @@
233235
}
234236
}
235237

236-
&__reports-list {
237-
margin-bottom: 2rem;
238-
box-shadow: none;
239-
background: transparent;
240-
}
241-
242238
&__empty-state {
243239
display: flex;
244240
justify-content: center;

frontend/src/pages/Reports/ReportDetailPage.scss

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,8 @@
11
.report-detail-page {
22
--padding-horizontal: 16px;
3-
--page-background: radial-gradient(
4-
circle,
5-
rgb(250 250 255 / 83%) 0%,
6-
rgb(249 252 255 / 100%) 100%
7-
);
83

94
ion-content {
10-
--background: var(--page-background);
5+
/* Removing custom background to use global background */
116
}
127

138
&__header {

frontend/src/theme/theme-overrides.css

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -59,13 +59,31 @@
5959
/* Global safe area padding for all pages */
6060
ion-content {
6161
--padding-top: var(--ion-safe-area-top, 1rem);
62+
--background: transparent !important;
6263
}
6364

6465
/* Background for the entire app */
6566
body,
6667
ion-app,
6768
ion-content {
68-
background: url('../../assets/Reports_bg.png') no-repeat center center !important;
69+
background: url('../assets/Reports_bg.png') no-repeat center center fixed !important;
70+
background-size: cover !important;
71+
}
72+
73+
/* Ensure background is applied to specific pages */
74+
.home-page,
75+
.report-detail-page,
76+
.reports-list-page {
77+
background: transparent !important;
78+
}
79+
80+
.report-detail-page ion-content {
81+
--background: transparent !important;
82+
}
83+
84+
/* Override any other page-specific backgrounds */
85+
ion-content::part(background) {
86+
background: transparent !important;
6987
}
7088

7189
/* Remove left padding from router outlet to avoid double padding */

0 commit comments

Comments
 (0)