Skip to content

Commit 907dd10

Browse files
zoltanszogyenyizoltanszogyenyi
committed
Improve widget styling for homepage.
1 parent 18182c1 commit 907dd10

File tree

1 file changed

+20
-23
lines changed

1 file changed

+20
-23
lines changed

‎src/pages/dashboard/dashboard.html‎

Lines changed: 20 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -108,7 +108,7 @@ <h2 class="fs-3 fw-extrabold">$10,567</h2>
108108
<div class="row d-block d-xl-flex align-items-center">
109109
<div class="col-12 col-xl-5 text-xl-center mb-3 mb-xl-0 d-flex align-items-center justify-content-xl-center">
110110
<div class="icon-shape icon-shape-primary rounded me-4 me-sm-0">
111-
<svg class="icon icon-md" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"></path></svg>
111+
<svg class="icon" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"></path></svg>
112112
</div>
113113
<div class="d-sm-none">
114114
<h2 class="h5">Customers</h2>
@@ -117,17 +117,16 @@ <h3 class="fw-extrabold mb-1">345,678</h3>
117117
</div>
118118
<div class="col-12 col-xl-7 px-xl-0">
119119
<div class="d-none d-sm-block">
120-
<h2 class="h5">Customers</h2>
121-
<h3 class="fw-extrabold mb-1">345k</h3>
120+
<h2 class="h6 text-gray-400 mb-0">Customers</h2>
121+
<h3 class="fw-extrabold mb-2">345k</h3>
122122
</div>
123-
<small class="d-flex align-items-center">
123+
<small class="d-flex align-items-center text-gray-500">
124124
Feb 1 - Apr 1,
125125
<svg class="icon icon-xxs text-gray-500 ms-2 me-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM4.332 8.027a6.012 6.012 0 011.912-2.706C6.512 5.73 6.974 6 7.5 6A1.5 1.5 0 019 7.5V8a2 2 0 004 0 2 2 0 011.523-1.943A5.977 5.977 0 0116 10c0 .34-.028.675-.083 1H15a2 2 0 00-2 2v2.197A5.973 5.973 0 0110 16v-2a2 2 0 00-2-2 2 2 0 01-2-2 2 2 0 00-1.668-1.973z" clip-rule="evenodd"></path></svg>
126-
SUA
126+
USA
127127
</small>
128128
<div class="small d-flex mt-1">
129-
<svg class="icon icon-xs text-success" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z" clip-rule="evenodd"></path></svg>
130-
<div><span class="text-success fw-bolder me-1">22%</span> Since last month</div>
129+
<div>Since last month <svg class="icon icon-xs text-success" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z" clip-rule="evenodd"></path></svg><span class="text-success fw-bolder">22%</span></div>
131130
</div>
132131
</div>
133132
</div>
@@ -140,7 +139,7 @@ <h3 class="fw-extrabold mb-1">345k</h3>
140139
<div class="row d-block d-xl-flex align-items-center">
141140
<div class="col-12 col-xl-5 text-xl-center mb-3 mb-xl-0 d-flex align-items-center justify-content-xl-center">
142141
<div class="icon-shape icon-shape-secondary rounded me-4 me-sm-0">
143-
<svg class="icon icon-md" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 2a4 4 0 00-4 4v1H5a1 1 0 00-.994.89l-1 9A1 1 0 004 18h12a1 1 0 00.994-1.11l-1-9A1 1 0 0015 7h-1V6a4 4 0 00-4-4zm2 5V6a2 2 0 10-4 0v1h4zm-6 3a1 1 0 112 0 1 1 0 01-2 0zm7-1a1 1 0 100 2 1 1 0 000-2z" clip-rule="evenodd"></path></svg>
142+
<svg class="icon" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 2a4 4 0 00-4 4v1H5a1 1 0 00-.994.89l-1 9A1 1 0 004 18h12a1 1 0 00.994-1.11l-1-9A1 1 0 0015 7h-1V6a4 4 0 00-4-4zm2 5V6a2 2 0 10-4 0v1h4zm-6 3a1 1 0 112 0 1 1 0 01-2 0zm7-1a1 1 0 100 2 1 1 0 000-2z" clip-rule="evenodd"></path></svg>
144143
</div>
145144
<div class="d-sm-none">
146145
<h2 class="fw-extrabold h5">Revenue</h2>
@@ -149,17 +148,16 @@ <h3 class="mb-1">$43,594</h3>
149148
</div>
150149
<div class="col-12 col-xl-7 px-xl-0">
151150
<div class="d-none d-sm-block">
152-
<h2 class="h5">Revenue</h2>
153-
<h3 class="fw-extrabold mb-1">$43,594</h3>
151+
<h2 class="h6 text-gray-400 mb-0">Revenue</h2>
152+
<h3 class="fw-extrabold mb-2">$43,594</h3>
154153
</div>
155-
<small class="d-flex align-items-center">
154+
<small class="d-flex align-items-center text-gray-500">
156155
Feb 1 - Apr 1,
157156
<svg class="icon icon-xxs text-gray-500 ms-2 me-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM4.332 8.027a6.012 6.012 0 011.912-2.706C6.512 5.73 6.974 6 7.5 6A1.5 1.5 0 019 7.5V8a2 2 0 004 0 2 2 0 011.523-1.943A5.977 5.977 0 0116 10c0 .34-.028.675-.083 1H15a2 2 0 00-2 2v2.197A5.973 5.973 0 0110 16v-2a2 2 0 00-2-2 2 2 0 01-2-2 2 2 0 00-1.668-1.973z" clip-rule="evenodd"></path></svg>
158-
SUA
157+
GER
159158
</small>
160159
<div class="small d-flex mt-1">
161-
<svg class="icon icon-xs text-danger" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
162-
<div><span class="text-danger fw-bolder me-1">2%</span> Since last month</div>
160+
<div>Since last month <svg class="icon icon-xs text-danger" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg><span class="text-danger fw-bolder">2%</span></div>
163161
</div>
164162
</div>
165163
</div>
@@ -172,7 +170,7 @@ <h3 class="fw-extrabold mb-1">$43,594</h3>
172170
<div class="row d-block d-xl-flex align-items-center">
173171
<div class="col-12 col-xl-5 text-xl-center mb-3 mb-xl-0 d-flex align-items-center justify-content-xl-center">
174172
<div class="icon-shape icon-shape-tertiary rounded me-4 me-sm-0">
175-
<svg class="icon icon-md" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11.707 4.707a1 1 0 00-1.414-1.414L10 9.586 8.707 8.293a1 1 0 00-1.414 0l-2 2a1 1 0 101.414 1.414L8 10.414l1.293 1.293a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
173+
<svg class="icon" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11.707 4.707a1 1 0 00-1.414-1.414L10 9.586 8.707 8.293a1 1 0 00-1.414 0l-2 2a1 1 0 101.414 1.414L8 10.414l1.293 1.293a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
176174
</div>
177175
<div class="d-sm-none">
178176
<h2 class="fw-extrabold h5"> Bounce Rate</h2>
@@ -181,15 +179,14 @@ <h3 class="mb-1">50.88%</h3>
181179
</div>
182180
<div class="col-12 col-xl-7 px-xl-0">
183181
<div class="d-none d-sm-block">
184-
<h2 class="h5"> Bounce Rate</h2>
185-
<h3 class="fw-extrabold mb-1">50.88%</h3>
182+
<h2 class="h6 text-gray-400 mb-0"> Bounce Rate</h2>
183+
<h3 class="fw-extrabold mb-2">50.88%</h3>
186184
</div>
187-
<small>
185+
<small class="text-gray-500">
188186
Feb 1 - Apr 1
189187
</small>
190188
<div class="small d-flex mt-1">
191-
<svg class="icon icon-xs text-success" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
192-
<div><span class="text-success fw-bolder me-1">4%</span> Since last month</div>
189+
<div>Since last month <svg class="icon icon-xs text-success" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z" clip-rule="evenodd"></path></svg><span class="text-success fw-bolder">4%</span></div>
193190
</div>
194191
</div>
195192
</div>
@@ -351,7 +348,7 @@ <h4 class="h6 mb-0">
351348
<div class="col-auto">
352349
<!-- Avatar -->
353350
<a href="#" class="avatar">
354-
<img class="rounded-circle" alt="Image placeholder" src="../../assets/img/team/profile-picture-2.jpg">
351+
<img class="rounded" alt="Image placeholder" src="../../assets/img/team/profile-picture-2.jpg">
355352
</a>
356353
</div>
357354
<div class="col-auto ms--2">
@@ -376,7 +373,7 @@ <h4 class="h6 mb-0">
376373
<div class="col-auto">
377374
<!-- Avatar -->
378375
<a href="#" class="avatar">
379-
<img class="rounded-circle" alt="Image placeholder" src="../../assets/img/team/profile-picture-3.jpg">
376+
<img class="rounded" alt="Image placeholder" src="../../assets/img/team/profile-picture-3.jpg">
380377
</a>
381378
</div>
382379
<div class="col-auto ms--2">
@@ -401,7 +398,7 @@ <h4 class="h6 mb-0">
401398
<div class="col-auto">
402399
<!-- Avatar -->
403400
<a href="#" class="avatar">
404-
<img class="rounded-circle" alt="Image placeholder" src="../../assets/img/team/profile-picture-4.jpg">
401+
<img class="rounded" alt="Image placeholder" src="../../assets/img/team/profile-picture-4.jpg">
405402
</a>
406403
</div>
407404
<div class="col-auto ms--2">

0 commit comments

Comments
 (0)