Skip to content

Commit

Permalink
Simplified UI to it's minimum
Browse files Browse the repository at this point in the history
  • Loading branch information
Andréas Brey committed Mar 14, 2022
1 parent b455a27 commit f46acdf
Showing 1 changed file with 1 addition and 69 deletions.
70 changes: 1 addition & 69 deletions src/Home.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ const WalletContainer = styled.div`
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
justify-content: right;
`;

const WalletAmount = styled.div`
Expand Down Expand Up @@ -116,46 +116,6 @@ const MintButtonContainer = styled.div`
}
`;

const Logo = styled.div`
flex: 0 0 auto;
img {
height: 60px;
}
`;
const Menu = styled.ul`
list-style: none;
display: inline-flex;
flex: 1 0 auto;
li {
margin: 0 12px;
a {
color: var(--main-text-color);
list-style-image: none;
list-style-position: outside;
list-style-type: none;
outline: none;
text-decoration: none;
text-size-adjust: 100%;
touch-action: manipulation;
transition: color 0.3s;
padding-bottom: 15px;
img {
max-height: 26px;
}
}
a:hover, a:active {
color: rgb(131, 146, 161);
border-bottom: 4px solid var(--title-text-color);
}
}
`;

const SolExplorerLink = styled.a`
color: var(--title-text-color);
border-bottom: 1px solid var(--title-text-color);
Expand Down Expand Up @@ -231,21 +191,6 @@ const BorderLinearProgress = styled(LinearProgress)`
}
`;

const ShimmerTitle = styled.h1`
margin: 20px auto;
text-transform: uppercase;
animation: glow 2s ease-in-out infinite alternate;
color: var(--main-text-color);
@keyframes glow {
from {
text-shadow: 0 0 20px var(--main-text-color);
}
to {
text-shadow: 0 0 30px var(--title-text-color), 0 0 10px var(--title-text-color);
}
}
`;

export interface HomeProps {
candyMachineId: anchor.web3.PublicKey;
connection: anchor.web3.Connection;
Expand Down Expand Up @@ -633,26 +578,13 @@ const Home = (props: HomeProps) => {
<main>
<MainContainer>
<WalletContainer>
<Logo><a href="http://localhost:3000/" target="_blank" rel="noopener noreferrer"><img alt=""
src="logo.png"/></a></Logo>
<Menu>
<li><a href="http://localhost:3000/" target="_blank" rel="noopener noreferrer">Menu 1</a>
</li>
<li><a href="http://localhost:3000/" target="_blank"
rel="noopener noreferrer">Menu 2</a></li>
<li><a href="http://localhost:3000/" target="_blank"
rel="noopener noreferrer">Menu 3</a></li>
</Menu>
<Wallet>
{wallet ?
<WalletAmount>{(balance || 0).toLocaleString()} SOL<ConnectButton/></WalletAmount> :
<ConnectButton>Connect Wallet</ConnectButton>}
</Wallet>
</WalletContainer>
<ShimmerTitle>MINT IS LIVE !</ShimmerTitle>
<br/>


<MintContainer>
<DesContainer>
<NFT elevation={3}>
Expand Down

0 comments on commit f46acdf

Please sign in to comment.