Skip to content

Commit 6d6dd3b

Browse files
RagoTheDevRagoTheDev
committed
fixed margins in payments routes
1 parent ed222ff commit 6d6dd3b

File tree

6 files changed

+115
-97
lines changed

6 files changed

+115
-97
lines changed

‎src/app/dashboard/Components/Dashtables/RentDues/RentDue.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,4 +34,10 @@
3434
color: aliceblue;
3535
font-weight: 500;
3636
font-family: monospace;
37+
}
38+
39+
@media screen and (max-width: 800px){
40+
.rent-dues {
41+
border-bottom: 1px solid white;
42+
}
3743
}

‎src/app/maps/Components/HouseCards/HouseCards.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ export default function HouseCards() {
1919
</div>
2020
<div className="maps--card">
2121
<img src="/Assets/house.jpg" alt="" />
22-
<div class="location--title">
22+
<div className="location--title">
2323
<h3>Kivule</h3>
2424
<h4>Block A, House A</h4>
2525
</div>

‎src/app/payments/Components/PaymentData/UpcomingPay.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
.pay--header {
2-
margin: 1rem 0 0 0.5rem;
2+
margin: 1rem 0 1rem 0.5rem;
33
color: aliceblue;
44
}
55

‎src/app/payments/Components/PaymentData/UpcomingTable.jsx‎

Lines changed: 91 additions & 91 deletions
Original file line numberDiff line numberDiff line change
@@ -1,105 +1,105 @@
11
'use cleint';
22

33
import './UpcomingPay.css'
4-
export default function UpcomingPay () {
4+
export default function UpcomingPay() {
55
return (
66
<>
7-
<div className="pay--header">
8-
<h2>Payments</h2>
7+
<div className="pay--header">
8+
<h2>Payments</h2>
9+
</div>
10+
<div className="paycontainer--one">
11+
<div className="paywrapper--one">
12+
<h3>Upcoming Payments</h3>
13+
<div className="payment--table">
14+
<table>
15+
<thead>
16+
<tr>
17+
<th>Building</th>
18+
<th>To be payed
19+
</th>
20+
<th>Amount</th>
21+
</tr>
22+
</thead>
23+
<tbody>
24+
<tr>
25+
<td>
26+
<h4>House A</h4>
27+
</td>
28+
<td>01-02-2025</td>
29+
<td>Tsh 10000/=</td>
30+
</tr>
31+
<tr>
32+
<td>
33+
<h4>House A</h4>
34+
</td>
35+
<td>01-02-2025</td>
36+
<td>Tsh 10000/=</td>
37+
</tr>
38+
<tr>
39+
<td>
40+
<h4>House A</h4>
41+
</td>
42+
<td>01-02-2025</td>
43+
<td>Tsh 10000/=</td>
44+
</tr>
45+
<tr>
46+
<td>
47+
<h4>House A</h4>
48+
</td>
49+
<td>01-02-2025</td>
50+
<td>Tsh 10000/=</td>
51+
</tr>
52+
<tr>
53+
<td>
54+
<h4>House A</h4>
55+
</td>
56+
<td>01-02-2025</td>
57+
<td>Tsh 10000/=</td>
58+
</tr>
59+
<tr>
60+
<td>
61+
<h4>House A</h4>
62+
</td>
63+
<td>01-02-2025</td>
64+
<td>Tsh 10000/=</td>
65+
</tr>
66+
<tr>
67+
<td>
68+
<h4>House A</h4>
69+
</td>
70+
<td>01-02-2025</td>
71+
<td>Tsh 10000/=</td>
72+
</tr>
73+
<tr>
74+
<td>
75+
<h4>House A</h4>
76+
</td>
77+
<td>01-02-2025</td>
78+
<td>Tsh 10000/=</td>
79+
</tr>
80+
</tbody>
81+
</table>
82+
</div>
983
</div>
10-
<div className="paycontainer--one">
11-
<div className="paywrapper--one">
12-
<h3>Upcoming Payments</h3>
13-
<div className="payment--table">
14-
<table>
15-
<thead>
16-
<tr>
17-
<th>Building</th>
18-
<th>To be payed
19-
</th>
20-
<th>Amount</th>
21-
</tr>
22-
</thead>
23-
<tbody>
24-
<tr>
25-
<td>
26-
<h4>House A</h4>
27-
</td>
28-
<td>01-02-2025</td>
29-
<td>Tsh 10000/=</td>
30-
</tr>
31-
<tr>
32-
<td>
33-
<h4>House A</h4>
34-
</td>
35-
<td>01-02-2025</td>
36-
<td>Tsh 10000/=</td>
37-
</tr>
38-
<tr>
39-
<td>
40-
<h4>House A</h4>
41-
</td>
42-
<td>01-02-2025</td>
43-
<td>Tsh 10000/=</td>
44-
</tr>
45-
<tr>
46-
<td>
47-
<h4>House A</h4>
48-
</td>
49-
<td>01-02-2025</td>
50-
<td>Tsh 10000/=</td>
51-
</tr>
52-
<tr>
53-
<td>
54-
<h4>House A</h4>
55-
</td>
56-
<td>01-02-2025</td>
57-
<td>Tsh 10000/=</td>
58-
</tr>
59-
<tr>
60-
<td>
61-
<h4>House A</h4>
62-
</td>
63-
<td>01-02-2025</td>
64-
<td>Tsh 10000/=</td>
65-
</tr>
66-
<tr>
67-
<td>
68-
<h4>House A</h4>
69-
</td>
70-
<td>01-02-2025</td>
71-
<td>Tsh 10000/=</td>
72-
</tr>
73-
<tr>
74-
<td>
75-
<h4>House A</h4>
76-
</td>
77-
<td>01-02-2025</td>
78-
<td>Tsh 10000/=</td>
79-
</tr>
80-
</tbody>
81-
</table>
84+
<div className="paywrapper--two">
85+
<div className="paywrapper--min1">
86+
<div className="paymenttotal-header">
87+
<img src="/Assets/credit-card.png" alt="" />
88+
<h2>Total Payments</h2>
8289
</div>
90+
<h3>Tsh 1.900,000</h3>
91+
<p>Received</p>
8392
</div>
84-
<div className="paywrapper--two">
85-
<div className="paywrapper--min1">
86-
<div className="paymenttotal-header">
87-
<img src="/Assets/credit-card.png" alt="" />
88-
<h2>Total Payments</h2>
89-
</div>
90-
<h3>Tsh 1.900,000</h3>
91-
<p>Received</p>
92-
</div>
93-
<div className="paywrapper--min2">
94-
<div className="paymentdue-header">
95-
<img src="/Assets/due.png" alt="" />
96-
<h2>Total Due</h2>
97-
</div>
98-
<h3>Tsh 1.900,000</h3>
99-
<p>Due</p>
93+
<div className="paywrapper--min2">
94+
<div className="paymentdue-header">
95+
<img src="/Assets/due.png" alt="" />
96+
<h2>Total Due</h2>
10097
</div>
98+
<h3>Tsh 1.900,000</h3>
99+
<p>Due</p>
101100
</div>
102101
</div>
102+
</div>
103103
</>
104104
)
105105
}

‎src/app/tenants/Tenants.css‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,13 +29,12 @@
2929

3030
width: 100%;
3131
display: grid;
32-
grid-template-rows: auto 1fr;
32+
grid-template-rows: auto auto;
3333
gap: 1rem;
3434
}
3535

3636
.tenants-count {
3737
grid-row: 1;
38-
height: fit-content;
3938
}
4039

4140
.tenants-table-bg {

‎src/app/tenants/TenantsCount/TenantsCount.css‎

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -124,14 +124,27 @@
124124
.tenantwrapper--two {
125125
grid-column: 1;
126126
grid-row: 2;
127+
}
128+
129+
.tenantwrapper--min1,
130+
.tenantwrapper--min2 {
131+
height: 6rem;
132+
133+
}
134+
135+
.tenantwrapper--min1 h3,
136+
.tenantwrapper--min2 h3 {
137+
font-size: 16px;
138+
}
127139

128-
height: 20rem;
140+
.tenantwrapper--min1 h4,
141+
.tenantwrapper--min2 h4 {
142+
font-size: 21px;
129143
}
130144

131145
.tenantwrapper--three {
132146
grid-column: 2;
133147
grid-row: 2;
134148

135-
height: 20rem;
136149
}
137150
}

0 commit comments

Comments
 (0)