card-mod使用分享(2025-10-06更新)

guxiaowei

看看快快快

Andychao2025

这个可以，正在找这种UI的

dark.forever

看一看，学习一下

soolecho

card_mod:
  style:
    .: |
      :host {
        --ha-card-border-width: 0; 
      }
      .div:focus {
        outline: none; 
      }
      ha-dialog > div.content > div.container {
        background: none !important; /*取消弹出窗口内容的背景，*/
      }
      ha-dialog {
        --vertical-align-dialog: center !important;  /*窗口 居中*/
      }
      @media (max-width: 450px), (max-height: 500px) {
        ha-dialog {
          --mdc-dialog-min-height: none !important;  /*手机界面 窗口 居中*/
        }
      }
    ha-dialog$: |
      .mdc-dialog__scrim{
          backdrop-filter: blur(20px) !important; /*背景模糊*/
        }
      div.mdc-dialog__surface { 
        background: none !important;  /*取消弹出窗口标题、下部按钮的背景，*/
      }

复制代码

大佬这个在移动端最新的，居中效果失效了

hungheo

soolecho 发表于 2025-10-6 07:53
大佬这个在移动端最新的，居中效果失效了

用的是哪个版本呢，我的HA是2025.3.1下载不了最新的browser mod 插件
可以F12看看 具体作用在哪个标签上面了，跟着修改一下就可以啦

hungheo

soolecho 发表于 2025-10-6 07:53
大佬这个在移动端最新的，居中效果失效了

刚刚看了browser mod 的github，现在改了很多了呀
具体的设置在这里：https://github.com/thomasloven/hass-browser_mod/blob/master/documentation/styles.md#example---centered
参考一下

soolecho

hungheo 发表于 2025-10-6 22:29
刚刚看了browser mod 的github，现在改了很多了呀
具体的设置在这里：https://github.com/thomasloven/ha ...

发了个问题，找到了，他是最新的10core出问题了，作者给了个临时的修复办法。这个更新真是问题

soolecho

是cardmod没法在移动端生效，好像是最新的ha改了默认手机高度，无法识别什么的，用他的修复代码现在正常了

hungheo

soolecho 发表于 2025-10-6 23:06
发了个问题，找到了，他是最新的10core出问题了，作者给了个临时的修复办法。这个更新真是问题 ...

好的好的，我刚刚也在issue上看到了，同步到了1楼，谢谢

loveyolanda

:lol:lol:lol