scott/crabfit
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Updated recents style

Browse source
This commit is contained in:
Ben Grant 2021-04-20 19:46:31 +10:00
parent c680c22bb3
commit 3527b1cde0
4 changed files with 14 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
crabfit-frontend/src/pages/Create/Create.tsx
View file

@ -27,8 +27,10 @@ import {
ShareInfo, ShareInfo,
Footer, Footer,
AboutSection, AboutSection,
Recent,
} from './createStyle'; } from './createStyle';
import {
Recent,
} from '../Home/homeStyle';
import api from 'services'; import api from 'services';
import { useRecentsStore } from 'stores'; import { useRecentsStore } from 'stores';

27
crabfit-frontend/src/pages/Create/createStyle.ts
View file

@ -77,30 +77,3 @@ export const AboutSection = styled.section`
font-size: 1.2rem; font-size: 1.2rem;
} }
`; `;
export const Recent = styled.a`
text-decoration: none;
color: inherit;
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 0;
flex-wrap: wrap;
& .name {
font-weight: 700;
color: ${props => props.theme.primaryDark};
}
& .date {
font-weight: 400;
font-size: .9em;
opacity: .8;
text-align: right;
flex: 1;
white-space: nowrap;
}
&:hover .name {
text-decoration: underline;
}
`;

1
crabfit-frontend/src/pages/Home/Home.tsx
View file

@ -248,6 +248,7 @@ const Home = ({ offline }) => {
{/* eslint-disable-next-line */} {/* eslint-disable-next-line */}
<P>Created by <a href="https://bengrant.dev" target="_blank">Ben Grant</a>, Crab Fit is the modern-day solution to your group event planning debates.</P> <P>Created by <a href="https://bengrant.dev" target="_blank">Ben Grant</a>, Crab Fit is the modern-day solution to your group event planning debates.</P>
<P>The code for Crab Fit is open source, if you find any issues or want to contribute, you can visit the <a href="https://github.com/GRA0007/crab.fit" target="_blank" rel="noreferrer">repository</a>.</P> <P>The code for Crab Fit is open source, if you find any issues or want to contribute, you can visit the <a href="https://github.com/GRA0007/crab.fit" target="_blank" rel="noreferrer">repository</a>.</P>
<P>Crab Fit costs more than <strong>$100 per month</strong> to run. Consider donating below if it helped you out so it can stay free for everyone. 🦀</P>
</StyledMain> </StyledMain>
</AboutSection> </AboutSection>

12
crabfit-frontend/src/pages/Home/homeStyle.ts
View file

@ -108,16 +108,24 @@ export const Recent = styled.a`
font-weight: 700; font-weight: 700;
font-size: 1.1em; font-size: 1.1em;
color: ${props => props.theme.primaryDark}; color: ${props => props.theme.primaryDark};
flex: 1;
display: block;
} }
& .date { & .date {
font-weight: 400; font-weight: 400;
opacity: .8; opacity: .8;
text-align: right;
flex: 1;
white-space: nowrap; white-space: nowrap;
} }
&:hover .name { &:hover .name {
text-decoration: underline; text-decoration: underline;
} }
@media (max-width: 500px) {
display: block;
& .date {
white-space: normal;
}
}
`; `;