Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-14 00:32:35 +10:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #15 from AmruthPillai/bugfix/indentation

Browse Source 
Bugfix: Indentation & Castform
This commit is contained in:
Amruth Pillai
2020-03-28 21:03:07 +05:30
committed by GitHub
parent ffa77cbbd6 9c67439357
commit c287d9f289
2 changed files with 19 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/index.css
View File

@ -17,9 +17,10 @@ body {
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
} }
ul { ul li {
list-style: disc; list-style: disc;
list-style-position: inside !important; margin-left: 1em;
padding: 0;
} }
@media screen { @media screen {

27
src/templates/castform/Castform.js
View File

@ -8,6 +8,21 @@ const Castform = () => {
const { state } = context; const { state } = context;
const { data, theme } = state; const { data, theme } = state;
const Photo = () =>
data.profile.photo !== '' && (
<div className="mt-5 ml-5">
<img
className="w-32 h-32 rounded-full"
style={{
borderWidth: 6,
borderColor: theme.colors.background,
}}
src={data.profile.photo}
alt="Profile Photograph"
/>
</div>
);
const PersonalInformation = () => ( const PersonalInformation = () => (
<div className="pt-5 px-5"> <div className="pt-5 px-5">
<h1 className="text-2xl font-bold"> <h1 className="text-2xl font-bold">
@ -249,17 +264,7 @@ const Castform = () => {
backgroundColor: theme.colors.accent, backgroundColor: theme.colors.accent,
}} }}
> >
<div className="mt-5 ml-5"> <Photo />
<img
className="w-32 h-32 rounded-full"
style={{
borderWidth: 6,
borderColor: theme.colors.background,
}}
src={data.profile.photo}
alt="Profile Photograph"
/>
</div>
<PersonalInformation /> <PersonalInformation />
<ContactInformation /> <ContactInformation />
<Skills /> <Skills />