facilityDialog.scss 1.29 KB
Newer Older
1 2
@import '../variables';

3 4 5 6
.fd-small-grid {
  padding: 4px !important;
}

7
.fd-dialog-paper {
8
  border-radius: 5px !important;
9 10 11 12 13
}

.fd-container {
  margin: 0 !important;
  width: 100% !important;
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
  overflow-x: hidden;
}

.fd-close-btn {
  position: absolute !important;
  width: 24px !important;
  height: 24px !important;
  top: 5px;
  right: 5px;
}

.fd-header-container {
  @extend .fd-small-grid;

  width: 100%;
29 30
}

31 32 33 34 35 36 37 38 39
.fd-avatar {
  border-radius: 0 !important;

  & > img {
    object-fit: contain !important;
    border-radius: 0 !important;
  }
}

40
.fd-header {
41 42 43 44 45 46 47
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
}

.fd-header-text-container {
  flex: 1 !important;
48
  padding: 0 !important;
49 50 51 52
}

.fd-header-text {
  max-width: 80% !important;
53
  padding: 8px 0;
54 55 56 57 58 59
}

.fd-location-wrapper {
  @extend .fd-small-grid;

  display: flex !important;
60 61 62 63
  align-items: center;
}

.fd-week-hours {
64 65
  @extend .fd-small-grid;

66 67 68 69 70 71 72 73 74 75 76 77
  width: 100%;
}

.fd-toggle-map-btn-container {
  padding: 0 !important;
  width: 100%;
}

.fd-toggle-map-btn {
  width: 100%;
}

78 79 80 81 82 83
//Above sm
@media screen and (min-width: map-get($breakpoints, sm)) {
  .fd-dialog-paper {
    width: 50% !important;
  }
}
84

85
//Above lg
86 87 88 89 90
@media screen and (min-width: map-get($breakpoints, lg)) {
  .fd-dialog-root {
    display: none !important;
  }
}