Skip to content

Instantly share code, notes, and snippets.

@manidip

manidip/app styles

Forked from adrianhajdin/app styles
Created May 15, 2023 09:34
Show Gist options
  • Save manidip/2aaca91ed42597dbced40e3ee946f8e5 to your computer and use it in GitHub Desktop.
Save manidip/2aaca91ed42597dbced40e3ee946f8e5 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @adrianhajdin adrianhajdin revised this gist Mar 22, 2022. No changes.
  2. @adrianhajdin adrianhajdin created this gist Oct 30, 2020.
    18 changes: 18 additions & 0 deletions app styles
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,18 @@
    import { makeStyles } from '@material-ui/core/styles';

    export default makeStyles(() => ({
    appBar: {
    borderRadius: 15,
    margin: '30px 0',
    display: 'flex',
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
    },
    heading: {
    color: 'rgba(0,183,255, 1)',
    },
    image: {
    marginLeft: '15px',
    },
    }));
    24 changes: 24 additions & 0 deletions form styles
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,24 @@
    import { makeStyles } from '@material-ui/core/styles';

    export default makeStyles((theme) => ({
    root: {
    '& .MuiTextField-root': {
    margin: theme.spacing(1),
    },
    },
    paper: {
    padding: theme.spacing(2),
    },
    form: {
    display: 'flex',
    flexWrap: 'wrap',
    justifyContent: 'center',
    },
    fileInput: {
    width: '97%',
    margin: '10px 0',
    },
    buttonSubmit: {
    marginBottom: 10,
    },
    }));
    52 changes: 52 additions & 0 deletions post styles
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,52 @@
    import { makeStyles } from '@material-ui/core/styles';

    export default makeStyles({
    media: {
    height: 0,
    paddingTop: '56.25%',
    backgroundColor: 'rgba(0, 0, 0, 0.5)',
    backgroundBlendMode: 'darken',
    },
    border: {
    border: 'solid',
    },
    fullHeightCard: {
    height: '100%',
    },
    card: {
    display: 'flex',
    flexDirection: 'column',
    justifyContent: 'space-between',
    borderRadius: '15px',
    height: '100%',
    position: 'relative',
    },
    overlay: {
    position: 'absolute',
    top: '20px',
    left: '20px',
    color: 'white',
    },
    overlay2: {
    position: 'absolute',
    top: '20px',
    right: '20px',
    color: 'white',
    },
    grid: {
    display: 'flex',
    },
    details: {
    display: 'flex',
    justifyContent: 'space-between',
    margin: '20px',
    },
    title: {
    padding: '0 16px',
    },
    cardActions: {
    padding: '0 16px 8px 16px',
    display: 'flex',
    justifyContent: 'space-between',
    },
    });
    14 changes: 14 additions & 0 deletions posts styles
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    import { makeStyles } from '@material-ui/core/styles';

    export default makeStyles((theme) => ({
    mainContainer: {
    display: 'flex',
    alignItems: 'center',
    },
    smMargin: {
    margin: theme.spacing(1),
    },
    actionDiv: {
    textAlign: 'center',
    },
    }));