Ignore:
Timestamp:
08/06/22 18:16:44 (2 years ago)
Author:
unknown <mlviktor23@…>
Branches:
main
Children:
800779d
Parents:
d654c74
Message:

added SearchResults page, hide search dropdown when out of focus

Location:
reactapp/src/Components/Styled
Files:
4 moved

Legend:

Unmodified
Added
Removed
  • reactapp/src/Components/Styled/Main.style.js

    rd654c74 r3e98cea  
    1616  font-size: 36pt;
    1717  text-decoration: underline 3px;
    18   margin-bottom: 30px;
    1918  width: fit-content;
    2019  float: left;
     20  color: black;
    2121`;
  • reactapp/src/Components/Styled/Search.style.js

    rd654c74 r3e98cea  
    11import styled from "styled-components";
    2 import searchicon from "../searchicon.png";
     2import searchicon from "../../searchicon.png";
    33
    4 export const SearchSmall = styled.input`
     4export const SearchBox = styled.input`
    55  width: 350px;
    66  box-sizing: border-box;
     
    1515`;
    1616
    17 export const SearchDropdownSmall = styled.div`
     17export const SearchDropdown = styled.div`
    1818  display: ${(props) => props.display};
    1919  position: absolute;
     
    2727`;
    2828
    29 export const SearchDropdownResultSmall = styled.div`
     29export const SearchResult = styled.div`
    3030  &:hover {
    3131    background-color: papayawhip;
     
    3434  }
    3535  padding: 10px;
     36  border: 1px solid transparent;
     37  margin: ${(props) => props.margin};
    3638`;
    3739
    38 export const SearchDropdownResultLinkSmall = styled.a`
     40export const SearchResultLink = styled.a`
    3941  text-decoration: none;
    4042  color: black;
    4143`;
    4244
    43 export const SearchDropdownTextSmall = styled.p`
     45export const SearchResultText = styled.p`
    4446  font-weight: ${(props) => props.weight};
    4547  font-size: ${(props) => props.size};
    4648`;
     49
     50export const SearchResultsWrapper = styled.div`
     51  margin-top: 140px;
     52`;
Note: See TracChangeset for help on using the changeset viewer.