Skip to content

Commit

Permalink
Merge pull request #324 from mgguild/fixes-web-mobile
Browse files Browse the repository at this point in the history 
Fixes web mobile
  • Loading branch information
@EAdornado
EAdornado authored Jan 12, 2024
2 parents 7c329de + 3016a13 commit 64c7654
Show file tree
Hide file tree
Showing 11 changed files with 17,768 additions and 16,038 deletions.
26,409 changes: 12,696 additions & 13,713 deletions package-lock.json
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion src/App.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2393,7 +2393,7 @@ form input {
cursor: pointer; /* Optional: Change the cursor style on hover */
}

.btn {
.btn-footer {
display: inline-block;
right: 120px;
color: #ffffff;
Expand Down
2 changes: 1 addition & 1 deletion src/Components/Pages/Main/Main.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -213,7 +213,7 @@ function App() {
href="https://opensea.io/collection/metasagawarriors"
className="ViewCollectionButton"
>
View Collection
Play Now!
</a>
</AppNav>
);
Expand Down
6 changes: 5 additions & 1 deletion src/Components/Pages/Main/Sections/About.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,9 @@ const About = styled.div`
h1 {
text-align: center;
}
about-text{
font-family: 'Mustica Pro';
}
`;

const AboutImg = styled.div<{ isMedScreen?: boolean }>`
Expand All @@ -35,6 +38,7 @@ const Content = styled.div<{ isMedScreen?: boolean }>`
gap: 1rem;
max-width: 53rem;
align-self: center;
font-family: 'Mustica Pro';
`;

const App: React.FC<{ isScreen800: boolean }> = ({ isScreen800 }) => {
Expand All @@ -44,7 +48,7 @@ const App: React.FC<{ isScreen800: boolean }> = ({ isScreen800 }) => {
{/* About Heading */}
<SectHdr>
<TitleCard className="titleCard">
<h1>ABOUT</h1>
<h1 style={{ fontSize: '2.5rem' }}>ABOUT</h1>
</TitleCard>
</SectHdr>
<SectCont display="flex" margin="0" style={{ flexFlow: 'column nowrap' }}>
Expand Down
1 change: 1 addition & 0 deletions src/Components/Pages/Main/Sections/FAQ.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,7 @@ export default function App() {
style={{
borderLeft: 'solid white',
padding: '2rem 0 2rem 1rem',
fontFamily: 'Mustica Pro',
}}
>
{i === 3 ? (
Expand Down
45 changes: 18 additions & 27 deletions src/Components/Pages/Main/Sections/Footer.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import styled from 'styled-components';
import { SectHdr, TitleCard, SectCont } from '../../../Styled';
import classes from '../../../Data/Classes';
import { PrivPolTermsCond } from '../../../Modals';
import React, { useState, useEffect } from 'react';

const Content = styled.div`
Expand All @@ -14,6 +14,10 @@ const Content = styled.div`
h4 {
font-size: 1.5rem;
text-align: center;
@media (max-width: 720px){
font-size: small;
}
}
`;

Expand Down Expand Up @@ -60,9 +64,8 @@ export default function App() {
>
<SectCont margin="none" minHeight="none">
<Content>
<h4>Want to be updated for the latest updates?</h4>
<h4>Register your email below and click the Notify Me button.</h4>

<h4>Want to be updated for the latest updates? Register your email below and click the Notify Me button.</h4>

<div style={{ margin: '1rem auto' }}>
<form
action="https://metasagawarriors.us10.list-manage.com/subscribe/post?u=29581b54e89450fc09142e23d&amp;id=baac775905&amp;f_id=00d636e2f0"
Expand Down Expand Up @@ -154,83 +157,71 @@ export default function App() {
</ImgContainer>
<div style={{ lineHeight: '2rem', textAlign: 'center' }}>
<div className="copyright">
Copyright &copy; 2022 MetaGaming Guild. All Rights
Copyright &copy; 2024 MetaGaming Guild. All Rights
Reserved
</div>
<a
className="privacy_policy"
href="privacy_policy.html"
>
Privacy Policy
</a>
<a className="...">&nbsp;&nbsp;&nbsp;</a>
<a
className="terms_and_condition"
href="terms_and_condition.html"
>
Terms and Condition
</a>
<PrivPolTermsCond />
</div>
</LeftContainer>
<div style={{ display: 'flex', justifyContent: 'center' }}>
<a
className="btn btn-social "
className="btn-footer btn-social "
href="https://t.me/MetaSagaWarriors"
target="_blank"
>
<i className="fab fa-fw fa-telegram"></i>{' '}
</a>
<a
className="btn btn-social "
className="btn-footer btn-social "
href="https://twitter.com/metasagawarrior"
target="_blank"
>
<i className="fab fa-fw fa-twitter"></i>
</a>
<a
className="btn btn-social "
className="btn-footer btn-social "
href="https://www.facebook.com/MetaSagaWarriorsOfficial/"
target="_blank"
>
<i className="fab fa-fw fa-facebook"></i>
</a>
<a
className="btn btn-social "
className="btn-footer btn-social "
href="mailto:[email protected]"
target="_blank"
>
<i className="fab fa fa-envelope"></i>
</a>
<a
className="btn btn-social "
className="btn-footer btn-social "
href="https://www.instagram.com/metasagawarriors"
target="_blank"
>
<i className="fab fa-fw fa-instagram"></i>
</a>
<a
className="btn btn-social "
className="btn-footer btn-social "
href="https://www.linkedin.com/company/metasaga-warriors"
target="_blank"
>
<i className="fab fa-fw fa-linkedin"></i>
</a>
<a
className="btn btn-social "
className="btn-footer btn-social "
href="https://medium.com/@metasagawarriors"
target="_blank"
>
<i className="fab fa-fw fa-medium"></i>
</a>
<a
className="btn btn-social "
className="btn-footer btn-social "
href="https://www.youtube.com/@metasagawarriors"
target="_blank"
>
<i className="fab fa-fw fa-youtube"></i>
</a>
<a
className="btn btn-social "
className="btn-footer btn-social "
href="https://www.threads.net/@metasagawarriors"
target="_blank"
>
Expand Down
24 changes: 20 additions & 4 deletions src/Components/Pages/Main/Sections/Gallery.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,15 +28,31 @@ const Gallery = styled.div`
@media (max-width: 520px) {
display: flex;
flexWrap:'wrap',
gap: '2rem',
justify-content: center;
align-items: center;
flex-flow: row wrap;
margin : '0 0 2rem 0',
}
img {
@media (max-width: 520px) {
width: 180px;
height: 240px;
@media (max-width: 500px) {
width: 154px;
height: 215px;
justify-content: center;
}
@media (max-width: 430px) {
width: 174px;
height: 215px;
}
@media (max-width: 414px) {
width: 166px;
height: 220px;
}
@media (max-width: 390px){
width: 146px;
height: 203px;
}
}
`;
Expand All @@ -48,7 +64,7 @@ const App: React.FC<{ isScreen550: boolean }> = ({ isScreen550 }) => {
{/* About Heading */}
<SectHdr>
<TitleCard className="titleCard">
<h1>Gallery</h1>
<h1 style={{ fontSize: '2.2rem' }}>Gallery</h1>
</TitleCard>
</SectHdr>
<SectCont
Expand Down
Loading

0 comments on commit 64c7654

Please sign in to comment.