home-assistant.io/source/_includes/notify.html

7 lines
2.0 KiB
HTML

<div class="py-[9px] px-[20px] flex-shrink-0 inline-block text-green-800 text-xs font-medium bg-brand-secondary rounded-full ">
<svg class="inline-block mb-[3px]" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.794 11.3827L8.3003 1.09884C8.16878 0.851512 7.97936 0.646071 7.75114 0.503221C7.52291 0.36037 7.26394 0.285156 7.0003 0.285156C6.73667 0.285156 6.4777 0.36037 6.24947 0.503221C6.02125 0.646071 5.83183 0.851512 5.70031 1.09884V1.09884L0.206565 11.3827C0.0731077 11.6288 0.00218262 11.9087 0.000991809 12.194C-0.000199007 12.4794 0.068387 12.76 0.199785 13.0074C0.331183 13.2547 0.520713 13.4601 0.74913 13.6025C0.977546 13.7449 1.23671 13.8194 1.50031 13.8183H12.5003C12.7639 13.8194 13.0231 13.7449 13.2515 13.6025C13.4799 13.4601 13.6694 13.2547 13.8008 13.0074C13.9322 12.76 14.0008 12.4794 13.9996 12.194C13.9984 11.9087 13.9275 11.6288 13.794 11.3827V11.3827ZM6.50031 5.69951C6.50031 5.55596 6.55298 5.41829 6.64675 5.31679C6.74052 5.21528 6.8677 5.15826 7.0003 5.15826C7.13291 5.15826 7.26009 5.21528 7.35386 5.31679C7.44763 5.41829 7.5003 5.55596 7.5003 5.69951V8.40578C7.5003 8.54933 7.44763 8.687 7.35386 8.78851C7.26009 8.89001 7.13291 8.94704 7.0003 8.94704C6.8677 8.94704 6.74052 8.89001 6.64675 8.78851C6.55298 8.687 6.50031 8.54933 6.50031 8.40578V5.69951ZM7.0003 11.6533C6.85197 11.6533 6.70696 11.6057 6.58363 11.5165C6.46029 11.4273 6.36416 11.3005 6.3074 11.1521C6.25063 11.0038 6.23578 10.8405 6.26472 10.683C6.29366 10.5256 6.36509 10.3809 6.46998 10.2673C6.57486 10.1538 6.7085 10.0765 6.85399 10.0451C6.99947 10.0138 7.15027 10.0299 7.28732 10.0913C7.42436 10.1528 7.54149 10.2569 7.62391 10.3904C7.70632 10.5239 7.7503 10.6809 7.7503 10.8414C7.7503 11.0568 7.67129 11.2633 7.53063 11.4155C7.38998 11.5678 7.19922 11.6533 7.0003 11.6533Z" fill="black" />
</svg>
<span class="pl-[14px] font-semibold text-sm inline-block">{{page.notify.boldText}}</span>
<span class="pl-[4px] text-sm inline-block cursor-pointer">{{page.notify.normalText}}</span>
</div>