diff --git a/package-lock.json b/package-lock.json index a540993..a2d031b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,6 +5,7 @@ "requires": true, "packages": { "": { + "name": "client", "version": "0.0.0", "dependencies": { "@reduxjs/toolkit": "^1.9.7", diff --git a/src/components/Advertising/Advertising.css b/src/components/Advertising/Advertising.css index 68ce2f8..54c02ad 100644 --- a/src/components/Advertising/Advertising.css +++ b/src/components/Advertising/Advertising.css @@ -1,5 +1,6 @@ .ad-container { cursor: pointer; + width: 100%; } .ad-container img { diff --git a/src/components/Advertising/Advertising.logic.tsx b/src/components/Advertising/Advertising.logic.tsx index 99679b8..ee2a20f 100644 --- a/src/components/Advertising/Advertising.logic.tsx +++ b/src/components/Advertising/Advertising.logic.tsx @@ -3,6 +3,7 @@ import { IAppDispatch, IRootState } from '../../redux/store'; import { useState } from 'react'; import { setDialog } from '../../redux/reducer/dialogReducer'; import { IDialogs } from '../../types/Dialogs/IDialogs'; +import './Advertising.css'; export const useAdvertising = () => { const { currentBlockchain } = useSelector((s: IRootState) => s.blockchain); diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css index 1193006..a030c28 100644 --- a/src/components/Footer/Footer.css +++ b/src/components/Footer/Footer.css @@ -7,7 +7,6 @@ padding: 3rem; color: white; flex-shrink: 0; - height: 245px; } .footer-logo-container { @@ -15,15 +14,17 @@ justify-content: center; align-items: center; margin-right: 1.5rem; - } - .footer-logo-container img { +} + +.footer-logo-container img { width: 40px; margin-right: 0.75rem; - } - .footer-logo-container p { +} + +.footer-logo-container p { font-size: 1.25rem; color: #ffffff; - } +} .footer-left{ display: flex; @@ -43,16 +44,13 @@ .footer-credential-container{ display: flex; - justify-content: center; - align-items: center; + justify-content: flex-start; + align-items: flex-start; flex-flow: column nowrap; - - } .footer-credential-item:first-child{ margin-bottom: 2rem; - } .footer-credential-item-title{ @@ -63,7 +61,7 @@ .footer-credential-item-link{ font-size: .85rem; - + margin-bottom: .5rem; } .footer-powered{ @@ -82,13 +80,9 @@ } } -@media screen and (max-width: 768px){ +@media screen and (max-width: 500px){ .footer-container{ flex-flow: column nowrap; align-items: flex-start; } - - .footer-credential-section { - margin-bottom: 3rem; - } }