DmitriyB/streaming-landing1
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

some responsive fixes

Browse Source
This commit is contained in:
DmitriyB
2023-03-20 17:33:32 +05:00
parent efcc47ca76
commit 89b355bf36
4 changed files with 30 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/footer/footer.css
+6 -1
View File
@@ -10,6 +10,7 @@
box-sizing: border-box;
background-color: transparent;
background: #1C1D21;
padding: 120px 128px;
border-radius: 32px 32px 0px 0px;
color: #EBEBEB;
display: -webkit-box;
@@ -30,7 +31,6 @@
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 120px;
gap: 186px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
@@ -438,6 +438,11 @@
@media screen and (max-width: 1060px) {
.footer__container {
padding: 64px 20px 36px;
}
.footer__main-block {
display: -webkit-box;
display: -ms-flexbox;
src/components/footer/footer.tsx
+22 -20
View File
@@ -4,11 +4,12 @@ import write from './send.svg'
import phone from './phone.svg'
import iconButton from "../../styles/iconButton.svg"
import "../../styles/styles.css"
import { useTranslation } from 'react-i18next'
export const Footer: React.FC<any> = ({ text, language }) => {
const userLanguage = language === 'RU';
const { cardLarge, cardLarge1, cardSmall, cardSmall1, copyright } = text
const { t } = useTranslation()
return (
<div className="footer__container">
@@ -19,7 +20,7 @@ export const Footer: React.FC<any> = ({ text, language }) => {
<p className='footer__name_color'>stream.</p>
</div>
<div className='footer__block_contacts'>
<p className='contacts__title'>{text.social}</p>
<p className='contacts__title'>{t('footer-social')}</p>
<div className='footer__container_social'>
<a href='https://www.facebook.com/GRAFFinteractive' target='_blank' rel="noreferrer" className='footer__social'>Facebook</a>
<a href='https://www.youtube.com/channel/UCveYBNLVeGxgsDsfhrVxNoA' target='_blank' rel="noreferrer" className='footer__social'>YouTube</a>
@@ -29,9 +30,9 @@ export const Footer: React.FC<any> = ({ text, language }) => {
<div className='footer__block_copyright'>
<img alt='logo' src={logo} className='footer__logo'></img>
<div className='copyright__caption'>
<p className='copyright'>{copyright.caption}</p>
<p className='copyright'>{t('copyright-caption')}</p>
<p className='copyright'>
{copyright.caption1}
{t('copyright-caption1')}
</p>
</div>
</div>
@@ -44,10 +45,10 @@ export const Footer: React.FC<any> = ({ text, language }) => {
<p className='card__tel'>+7 800 770 00 76</p>
</div>
<div className='card__adress'>
<p className='card__street'>{cardLarge.address}</p>
<p className='card_city'>{cardLarge.city}</p>
<p className='card__street'>{t('footer-ru-addres')}</p>
<p className='card_city'>{t('footer-ru-city')}</p>
</div>
<p className='card_country'>{cardLarge.country}</p>
<p className='card_country'>{t('footer-ru-country')}</p>
</div>
<div className='footer__card_2'>
<a className='link' href={userLanguage ? 'mailto:info@graff.tech' : 'mailto:waseem@graff.tech'}>
@@ -58,7 +59,7 @@ export const Footer: React.FC<any> = ({ text, language }) => {
</div>
<div className='card__write'>
<img alt='icon' src={write} className='card__icon'></img>
<p className='card__caption'>{cardSmall.caption}</p>
<p className='card__caption'>{t('card1-caption')}</p>
</div>
</a>
</div>
@@ -70,9 +71,9 @@ export const Footer: React.FC<any> = ({ text, language }) => {
<p className='card__tel'>+971 50 938 8902</p>
</div>
<div className='card__adress card__adress_uae'>
<p className='card_city'>{cardLarge1.address}</p>
<p className='card_city'>{t('footer-uae-address')}</p>
</div>
<p className='card_country'>{cardLarge1.country}</p>
<p className='card_country'>{t('footer-uae-country')}</p>
</div>
<div className='footer__card_2'>
<a className='link' href={userLanguage ? 'tel:+7-800-770-00-76' : 'tel:+971-50-938-8902'}>
@@ -83,7 +84,7 @@ export const Footer: React.FC<any> = ({ text, language }) => {
</div>
<div className='card__write'>
<img alt='icon' src={phone} className='card__icon'></img>
<p className='card__caption'>{cardSmall1.caption}</p>
<p className='card__caption'>{t('card2-caption')}</p>
</div>
</a>
</div>
@@ -99,7 +100,7 @@ export const Footer: React.FC<any> = ({ text, language }) => {
<div className='card__write'>
<img alt='icon' src={write} className='card__icon'></img>
<p className='card__caption'>{cardSmall.caption}</p>
<p className='card__caption'>{t('card1-caption')}</p>
</div>
</div>
</a>
@@ -112,7 +113,7 @@ export const Footer: React.FC<any> = ({ text, language }) => {
</div>
<div className='card__write'>
<img alt='icon' src={phone} className='card__icon'></img>
<p className='card__caption'>{cardSmall1.caption}</p>
<p className='card__caption'>{t('card2-caption')}</p>
</div>
</a>
</div>
@@ -122,10 +123,10 @@ export const Footer: React.FC<any> = ({ text, language }) => {
<p className='card__tel'>+7 800 770 00 76</p>
</div>
<div className='card__adress'>
<p className='card__street'>{cardLarge.address}</p>
<p className='card_city'>{cardLarge.city}</p>
<p className='card__street'>{t('footer-ru-addres')}</p>
<p className='card_city'>{t('footer-ru-city')}</p>
</div>
<p className='card_country'>{cardLarge.country}</p>
<p className='card_country'>{t('footer-ru-country')}</p>
</div>
<div className='footer__card_l'>
<div className='card__contacts'>
@@ -133,9 +134,9 @@ export const Footer: React.FC<any> = ({ text, language }) => {
<p className='card__tel'>+971 50 938 8902</p>
</div>
<div className='card__adress card__adress_uae'>
<p className='card_city'>{cardLarge1.address}</p>
<p className='card_city'>{t('footer-uae-address')}</p>
</div>
<p className='card_country'>{cardLarge1.country}</p>
<p className='card_country'>{t('footer-uae-country')}</p>
</div>
</div>
@@ -143,9 +144,10 @@ export const Footer: React.FC<any> = ({ text, language }) => {
<div className='footer__block_copyright_mobile'>
<img alt='logo' src={logo} className='footer__logo'></img>
<div className='copyright__caption'>
<a href={userLanguage ? 'https://graff.tech/privacypolicy' : 'http://en.graff.tech/privacypolicyeng'} target="_blank" rel="noreferrer" className='copyright'>{copyright.caption}</a>
<a href={userLanguage ? 'https://graff.tech/privacypolicy' : 'http://en.graff.tech/privacypolicyeng'} target="_blank" rel="noreferrer" className='copyright'> {t('copyright-caption')}
</a>
<p className='copyright'>
{copyright.caption1}
{t('copyright-caption1')}
</p>
</div>
</div>
src/components/header/header.tsx
+1 -1
View File
@@ -1,4 +1,4 @@
import "./Header.css";
import "./header.css";
import logo from "./logoIcon.svg";
import ru from './RU.svg'
src/index.css
+1 -1
View File
@@ -5,7 +5,7 @@
@import url(./components/cloudSolution/cloudSolution.css);
@import url(./components/devices/devices.css);
@import url(./components/form/form.css);
@import url(./components/header/Header.css);
@import url(./components/header/header.css);
@import url(./components/multiplayer/multiplayer.css);
@import url(./components/player/player.css);
@import url(./components/sliderComponent/sliderComponent.css);