API tools faq
paste
Advertisement
pqpxoxa

HA - Nest Hub Dashboard - Example

pqpxoxa
Jun 22nd, 2022
546
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.22 KB | None | 0 0
raw download clone embed print report
  1. type: horizontal-stack
  2. cards:
  3. - type: custom:button-card
  4. entity: alarm_control_panel.first_floor
  5. show_state: true
  6. icon: mdi:shield-home-outline
  7. show_icon: true
  8. name: Alarm
  9. styles:
  10. card:
  11. - padding: 8% 2% 8% 2%
  12. - box-shadow: inset 0 0 5px rgba(0,0,0,0.3)
  13. grid:
  14. - grid-template-areas: '"i i n n n" "i i s s s" "s1 office floor house s2"'
  15. - grid-template-columns: min-content 1fr 1fr 1fr min-content
  16. - grid-template-rows: min-content min-content
  17. - gap: 7px 10px
  18. icon:
  19. - width: 40px
  20. - color: white
  21. - position: relative
  22. - top: '-5px'
  23. - left: 6px
  24. name:
  25. - justify-self: start
  26. - font-weight: 500
  27. - font-size: 20px
  28. - text-align: center
  29. - position: relative
  30. - left: '-6px'
  31. state:
  32. - justify-self: start
  33. - position: relative
  34. - top: '-6px'
  35. - font-weight: 300
  36. - font-size: 14px
  37. - text-align: center
  38. - left: '-6px'
  39. custom_fields:
  40. s1:
  41. card:
  42. color_type: blank-card
  43. styles:
  44. card:
  45. - width: 5px
  46. type: custom:button-card
  47. s2:
  48. card:
  49. color_type: blank-card
  50. styles:
  51. card:
  52. - width: 5px
  53. type: custom:button-card
  54. office:
  55. card:
  56. type: custom:button-card
  57. name: false
  58. label: false
  59. show_label: true
  60. tap_action:
  61. action: none
  62. icon: phu:rooms-office
  63. styles:
  64. card:
  65. - background-color: '#2b374e'
  66. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  67. - width: 58px
  68. - height: 58px
  69. name:
  70. - justify-self: center
  71. - font-weight: 400
  72. - font-size: 13px
  73. - text-align: center
  74. - padding-bottom: 5px
  75. icon:
  76. - width: 30px
  77. - color: white
  78. floor:
  79. card:
  80. type: custom:button-card
  81. name: false
  82. label: Back
  83. show_label: false
  84. aspect_ratio: 1/1
  85. tap_action:
  86. action: none
  87. icon: phu:zones-areas-first-floor
  88. styles:
  89. card:
  90. - background-color: '#2b374e'
  91. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  92. name:
  93. - justify-self: center
  94. - font-weight: 400
  95. - font-size: 13px
  96. - text-align: center
  97. - padding-bottom: 5px
  98. icon:
  99. - width: 30px
  100. - color: white
  101. house:
  102. card:
  103. type: custom:button-card
  104. name: false
  105. show_label: false
  106. aspect_ratio: 1/1
  107. tap_action:
  108. action: none
  109. icon: phu:tabbar-home
  110. styles:
  111. card:
  112. - background-color: '#2b374e'
  113. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  114. name:
  115. - justify-self: center
  116. - font-weight: 400
  117. - font-size: 13px
  118. - text-align: center
  119. - padding-bottom: 5px
  120. icon:
  121. - width: 30px
  122. - color: white
  123. - type: custom:button-card
  124. entity: binary_sensor.d_2_office_door
  125. show_state: true
  126. icon: mdi:shield-home-outline
  127. entity_picture: /local/lockdoor.png
  128. show_entity_picture: true
  129. name: Door
  130. styles:
  131. card:
  132. - padding: 8% 2% 9% 2%
  133. - box-shadow: inset 0 0 5px rgba(0,0,0,0.3)
  134. grid:
  135. - grid-template-areas: '"i i n n" "i i s s" "s1 office house s2"'
  136. - grid-template-columns: 1fr 1fr 1fr 1fr
  137. - grid-template-rows: min-content min-content
  138. - gap: 7px 10px
  139. icon:
  140. - width: 40px
  141. - color: white
  142. - position: relative
  143. - top: '-5px'
  144. - left: '-12px'
  145. name:
  146. - justify-self: start
  147. - font-weight: 500
  148. - font-size: 20px
  149. - text-align: center
  150. - position: relative
  151. - left: '-42px'
  152. state:
  153. - justify-self: start
  154. - position: relative
  155. - top: '-6px'
  156. - font-weight: 300
  157. - font-size: 14px
  158. - text-align: center
  159. - left: '-42px'
  160. custom_fields:
  161. s1:
  162. card:
  163. color_type: blank-card
  164. styles:
  165. card:
  166. - width: 5px
  167. type: custom:button-card
  168. s2:
  169. card:
  170. color_type: blank-card
  171. styles:
  172. card:
  173. - width: 5px
  174. type: custom:button-card
  175. office:
  176. card:
  177. type: custom:button-card
  178. name: false
  179. label: false
  180. show_label: true
  181. tap_action:
  182. action: none
  183. entity_picture: /local/lockdoor.png
  184. show_entity_picture: true
  185. styles:
  186. card:
  187. - background-color: '#2b374e'
  188. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  189. - width: 88px
  190. - height: 58px
  191. name:
  192. - justify-self: center
  193. - font-weight: 400
  194. - font-size: 13px
  195. - text-align: center
  196. - padding-bottom: 5px
  197. icon:
  198. - width: 30px
  199. - color: white
  200. house:
  201. card:
  202. type: custom:button-card
  203. name: false
  204. show_label: false
  205. tap_action:
  206. action: none
  207. entity_picture: /local/lockdoor.png
  208. show_entity_picture: true
  209. styles:
  210. card:
  211. - background-color: '#2b374e'
  212. - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
  213. - width: 88px
  214. - height: 58px
  215. name:
  216. - justify-self: center
  217. - font-weight: 400
  218. - font-size: 13px
  219. - text-align: center
  220. - padding-bottom: 5px
  221. icon:
  222. - width: 30px
  223. - color: white
  224.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!