Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/wincloud_gateway/node_modules/@buffetjs/styles/src/components/TimePickerWrapper/   drwxr-xr-x
Free 13.18 GB of 57.97 GB (22.74%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     index.js (1.1 KB)      -rw-r--r--

/**
 *
 * TimePickerWrapper
 *
 */

import styled from 'styled-components';
import colors from '../../assets/styles/colors';
import sizes from '../../assets/styles/sizes';

const TimePickerWrapper = styled.div`
  max-width: 95px;
  position: relative;
  background-color: ${colors.white};
  border-radius: ${sizes.borderRadius};
  span {
    z-index: 0;
    border-top-left-radius: ${sizes.borderRadius};
    border-bottom-left-radius: ${sizes.borderRadius};
  }
  input {
    position: relative;
    z-index: 1;
    &:focus + span {
      background-color: ${colors.blueIconBkgd};
      &:before {
        color: ${colors.blueIconTxt};
      }
    }
    &:focus {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
  ul {
    position: absolute;
    background-color: transparent;
    border-top: 1px solid transaprent;
    top: calc(${sizes.input.height} - ${sizes.margin * 0.1}px);
    left: 0;
    z-index: 99;
    pointer-events: all;
    &.displayed {
      background-color: ${colors.white};
      border-top: 1px solid ${colors.blueBorder};
    }
  }
`;

export default TimePickerWrapper;