dashboard/src/app/pages/device/device.component.scss

   1 @import '../../@theme/styles/themes';
   2 @import '~@nebular/theme/styles/global/bootstrap/breakpoints';
   3 @import '~bootstrap/scss/mixins/breakpoints';
   4
   5 .nomargin {
   6     margin: 0 !important;
   7 }
   8
   9 .nopading {
  10     padding: 0 !important;
  11 }
  12
  13 .device-card {
  14     .btn-icon {
  15         float: left;
  16
  17         &:hover {
  18             cursor: pointer;
  19         }
  20     }
  21     .icon {
  22         height: 3em;
  23         width: 3em;
  24         float:left;
  25         background-position: center center;
  26         background-repeat: no-repeat;
  27         background-size: 3em;
  28         background-image: url("/assets/ui/devices/default.png");
  29     }
  30
  31     &.tv .icon {
  32         background-image: url("/assets/ui/devices/tv.png");
  33     }
  34
  35     &.smartphone .icon {
  36         background-image: url("/assets/ui/devices/smartphone.png");
  37     }
  38
  39     &.lamp .icon {
  40         background-image: url("/assets/ui/devices/lamp.png");
  41     }
  42
  43     &.robotcleaner .icon {
  44         background-image: url("/assets/ui/devices/robotcleaner.png");
  45     }
  46
  47     &.airconditioner .icon {
  48         background-image: url("/assets/ui/devices/aircon.png");
  49     }
  50
  51     &.refrigerator .icon {
  52         background-image: url("/assets/ui/devices/refrigerator.png");
  53     }
  54
  55     &.smartplug .icon {
  56         background-image: url("/assets/ui/devices/plug.png");
  57     }
  58
  59     &.washer .icon {
  60         background-image: url("/assets/ui/devices/washer.png");
  61     }
  62
  63     .info {
  64         padding-left: 1em;
  65         width: 54%;
  66         float:left;
  67         overflow: hidden;
  68         text-overflow: ellipsis;
  69
  70         .title {
  71             width: 100%;
  72             float:left;
  73             font-size: 1.4rem;
  74         }
  75
  76         .description {
  77             width: 100%;
  78             float:left;
  79             opacity: 0.5;
  80             font-size: 11pt;
  81         }
  82     }
  83
  84     .locked {
  85         float: right;
  86         font-size: 2rem;
  87     }
  88
  89     nb-actions {
  90         &:hover {
  91             cursor: pointer;
  92         }
  93         i {
  94             font-size: 2rem;
  95         }
  96      }
  97 }