From eb33218d4a8596e769383c444d6b2c3664cfcb41 Mon Sep 17 00:00:00 2001 From: Pavel Date: Sun, 15 Jun 2025 12:32:56 +0300 Subject: [PATCH 1/3] Fix icons. Fix examples --- components/Footer/Footer.module.css | 26 +++------ components/Footer/index.tsx | 29 ++-------- components/Home/Home.module.css | 6 +++ components/Home/index.tsx | 56 ++++++++++---------- components/Portfolio/Portfolio.module.css | 7 ++- components/Portfolio/index.tsx | 61 ++++++++++++---------- public/icons/email.svg | 1 + public/icons/git.svg | 1 + public/icons/home.svg | 1 + public/icons/linkedin.svg | 1 + public/icons/logo.svg | 21 ++++++++ public/icons/play.svg | 1 + public/icons/tg.svg | 1 + public/images/email.png | Bin 1845 -> 0 bytes public/images/footer-logo.png | Bin 5278 -> 0 bytes public/images/github.png | Bin 1796 -> 0 bytes public/images/homeIcon.png | Bin 898 -> 0 bytes public/images/linkedin.png | Bin 1116 -> 0 bytes public/images/telegram.png | Bin 791 -> 0 bytes 19 files changed, 109 insertions(+), 103 deletions(-) create mode 100644 public/icons/email.svg create mode 100644 public/icons/git.svg create mode 100644 public/icons/home.svg create mode 100644 public/icons/linkedin.svg create mode 100644 public/icons/logo.svg create mode 100644 public/icons/play.svg create mode 100644 public/icons/tg.svg delete mode 100644 public/images/email.png delete mode 100644 public/images/footer-logo.png delete mode 100644 public/images/github.png delete mode 100644 public/images/homeIcon.png delete mode 100644 public/images/linkedin.png delete mode 100644 public/images/telegram.png diff --git a/components/Footer/Footer.module.css b/components/Footer/Footer.module.css index 8e46570..0bfffaa 100644 --- a/components/Footer/Footer.module.css +++ b/components/Footer/Footer.module.css @@ -8,31 +8,12 @@ flex-direction: column; } -.footer p { - font-size: 0.8rem; - font-weight: 400; -} - +.footer p, .footer a { font-size: 0.8rem; font-weight: 400; } -.logo { - display: inline-block; - margin-right: 4px; -} - -.logo img { - height: 100%; -} - -.ccLogo { - height: 14px; - margin-left: 3px; - vertical-align: text-bottom; -} - .ccLink { margin-right: 4px; } @@ -41,3 +22,8 @@ display: flex; align-items: center; } + +.gitLink img { + vertical-align: middle; + margin: 0 8px; +} diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx index 7797c0e..476f24a 100644 --- a/components/Footer/index.tsx +++ b/components/Footer/index.tsx @@ -1,4 +1,3 @@ -/* eslint-disable @next/next/no-img-element */ import Image from 'next/image'; import styles from './Footer.module.css'; @@ -7,15 +6,15 @@ export default (): JSX.Element => {