WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

services menu icon added

Browse Source
This commit is contained in:
victorAnumudu
2023-08-15 09:42:46 +01:00
parent 048203399d
commit de5ea3ac0a
6 changed files with 22 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/css/main.css
+8
View File
@@ -2665,6 +2665,14 @@ p {
.service-details-sidebar .service-download-widget a {
padding: 13px 30px;
color: #505056;
display: flex;
align-items: center;
gap: '2px'
}
.service-details-sidebar .service-download-widget a img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.service-details-sidebar .service-download-widget a:hover {
color: #4687ba;
src/assets/images/icon/about-us.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

src/assets/images/icon/home-icon.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

src/assets/images/icon/privacy-policy.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

src/assets/images/icon/use-case.ico
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

src/components/Service/ServiceSideMenu.js
+14 -5
View File
@@ -1,5 +1,9 @@
import React from 'react';
import getConfig from './../../Config/config'
import AboutIcon from '../../assets/images/icon/about-us.ico'
import HomeIcon from '../../assets/images/icon/home-icon.ico'
import UseCaseIcon from '../../assets/images/icon/use-case.ico'
import PrivacyIcon from '../../assets/images/icon/privacy-policy.ico'
function ServiceSideMenu() {
var site = getConfig()[0];
@@ -9,20 +13,23 @@ function ServiceSideMenu() {
<div className="service-download-widget">
<a href="/">
<i className="fal fa-download"></i>
{/* <i className="fal fa-download"></i> */}
<img src={HomeIcon} alt='sidenav-icon' />
<span>Home</span>
</a>
</div>
<div className="service-download-widget">
<a href="/about-us">
<i className="fal fa-download"></i>
{/* <i className="fal fa-download"></i> */}
<img src={AboutIcon} alt='sidenav-icon' />
<span>About us</span>
</a>
</div>
<div className="service-download-widget">
<a href="/use-cases">
<i className="fal fa-file-pdf"></i>
{/* <i className="fal fa-file-pdf"></i> */}
<img src={UseCaseIcon} alt='sidenav-icon' />
<span>Use Cases</span>
</a>
</div>
@@ -31,13 +38,15 @@ function ServiceSideMenu() {
<div className="service-download-widget">
<a href="/privacy">
<i className="fal fa-download"></i>
{/* <i className="fal fa-download"></i> */}
<img src={PrivacyIcon} alt='sidenav-icon' />
<span>Privacy Policy</span>
</a>
</div>
<div className="service-download-widget">
<a href="/terms">
<i className="fal fa-file-pdf"></i>
{/* <i className="fal fa-file-pdf"></i> */}
<img src={UseCaseIcon} alt='sidenav-icon' />
<span>Terms of use</span>
</a>
</div>