Changeset ad40ec0 for reactapp


Ignore:
Timestamp:
07/31/22 01:04:27 (2 years ago)
Author:
Viktor <mlviktor23@…>
Branches:
main
Children:
a6dcc46
Parents:
f5d4792
Message:

styled professor page

Location:
reactapp/src/Components
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • reactapp/src/Components/OpinionCard.style.js

    rf5d4792 rad40ec0  
    5757  top: 50%;
    5858  transform: translateY(-50%);
    59   right: ${(props) => props.indent};
     59  right: ${(props) => props.right};
     60  transition: 0.5s;
     61  &:hover {
     62    color: ${(props) => props.color};
     63  }
    6064`;

  • reactapp/src/Components/OpinionTree.js

    rf5d4792 rad40ec0  
    4141              icon={solid("thumbs-up")}
    4242              right={50 + "px"}
     43              color="greenyellow"
    4344            />
    4445            <StyledFontAwesomeIcon
    4546              icon={solid("thumbs-down")}
    4647              right={10 + "px"}
     48              color="indianred"
    4749            />
    48             <StyledFontAwesomeIcon icon={solid("reply")} right={90 + "px"} />
     50            <StyledFontAwesomeIcon
     51              icon={solid("reply")}
     52              right={90 + "px"}
     53              color="black"
     54            />
    4955          </OpinionReplyCardContent>
    5056          {child.children.map((childOfChild) =>
    … …  
    8490                    icon={solid("thumbs-up")}
    8591                    right={50 + "px"}
     92                    color="greenyellow"
    8693                  />
    8794                  <StyledFontAwesomeIcon
    8895                    icon={solid("thumbs-down")}
    8996                    right={10 + "px"}
     97                    color="indianred"
    9098                  />
    9199                  <StyledFontAwesomeIcon
    92100                    icon={solid("reply")}
    93101                    right={90 + "px"}
     102                    color="black"
    94103                  />
    95104                </OpinionCardContent>

  • reactapp/src/Components/ProfessorCard.style.js

    rf5d4792 rad40ec0  
    33export const ProfessorCard = styled.div`
    44  background-color: papayawhip;
    5   width: fit-content;
     5  width: auto;
    66  padding: 10px;
    77  margin-bottom: 30px;
Note: See TracChangeset for help on using the changeset viewer.