jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-15 13:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Card caption cleanup (#33488)

Browse Source
This commit is contained in:
Paulus Schoutsen 2024-06-30 19:05:34 +02:00 committed by GitHub
parent 89dd0a7bdf
commit 8ac0e9ea21
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
sass/homeassistant/_overrides.scss
View File

@ -484,7 +484,7 @@ a.material-card:hover {
border: none; border: none;
.caption { .caption {
padding: 16px 12px 12px; padding: 8px 12px 12px;
background-color: rgba(0, 0, 0, 0.54); background-color: rgba(0, 0, 0, 0.54);
color: white; color: white;
border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
@ -496,9 +496,12 @@ a.material-card:hover {
.title { .title {
font-size: 20px; font-size: 20px;
font-weight: 400; font-weight: 400;
line-height: 1.2em;
} }
.subtitle { .subtitle {
margin-top: 4px;
line-height: 1.4em;
font-size: 12px; font-size: 12px;
font-weight: initial; font-weight: initial;
} }

10
source/index.html
View File

@ -75,8 +75,10 @@ feedback: false
style="background-image: url(/images/frontpage/cast-frontpage.png)" style="background-image: url(/images/frontpage/cast-frontpage.png)"
> >
<div class="caption"> <div class="caption">
<div>
<div class="title"> <div class="title">
Take over all the screens Take over all the screens
</div>
<div class="subtitle"> <div class="subtitle">
Home Assistant Cast makes every TV a display. Home Assistant Cast makes every TV a display.
</div> </div>
@ -111,8 +113,10 @@ feedback: false
" "
> >
<div class="caption"> <div class="caption">
<div>
<div class="title"> <div class="title">
Control your home with Assist Control your home with Assist
</div>
<div class="subtitle"> <div class="subtitle">
Our private, insanely fast, voice assistant running on affordable Our private, insanely fast, voice assistant running on affordable
hardware. Now supporting wake words. hardware. Now supporting wake words.
@ -139,8 +143,10 @@ feedback: false
" "
> >
<div class="caption"> <div class="caption">
<div>
<div class="title"> <div class="title">
{{page.title}} {{page.title}}
</div>
<div class="subtitle">{{page.description}}</div> <div class="subtitle">{{page.description}}</div>
</div> </div>
<svg viewBox="0 0 24 24"> <svg viewBox="0 0 24 24">
@ -170,8 +176,10 @@ feedback: false
" "
> >
<div class="caption"> <div class="caption">
<div>
<div class="title"> <div class="title">
Home Assistant Tags Home Assistant Tags
</div>
<div class="subtitle"> <div class="subtitle">
Use NFC to bring music to your life or automate the mundane. Use NFC to bring music to your life or automate the mundane.
</div> </div>
@ -190,8 +198,10 @@ feedback: false
style="background-image: url(/images/merchandise/shirt-frontpage.png)" style="background-image: url(/images/merchandise/shirt-frontpage.png)"
> >
<div class="caption"> <div class="caption">
<div>
<div class="title"> <div class="title">
Join the Home Assistant t-shirt revolution! Join the Home Assistant t-shirt revolution!
</div>
<div class="subtitle"> <div class="subtitle">
Look sharp in blue, black or gray. Wearing a HA t-shirt is okay. Look sharp in blue, black or gray. Wearing a HA t-shirt is okay.
</div> </div>