『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 1924|回复: 1

[UI界面] 关于grid-layout的问题

[复制链接]

22

主题

184

帖子

1524

积分

金牌会员

Rank: 6Rank: 6

积分
1524
金钱
1340
HASS币
10
发表于 2023-4-3 14:20:02 | 显示全部楼层 |阅读模式
本帖最后由 Anooki 于 2023-4-3 14:20 编辑

近期准备做一个ui界面,选择的是这个模板matt8707/hass-config: ✨ A different take on designing a Lovelace UI (Dashboard) (github.com)
页面布局用的是grid-layout卡片
下图是我想做成效果
效果.png
各个区域最终都是对齐的,刚好一个页面
实际上,各个区域之间没有自动对齐,最下面的资源部分还超出页面了。
关于长宽高、间距等等设置都是默认的,没有调整
大佬们,请教一下,我要怎么调整才能保证刚好一个页面呢,然后也能对齐呢(比如NAS的底部刚好和temp的底部对齐)
111.png
各个部分card的type如下
sidebarcustom:button-card
NAS:entities
disk/temp/资源:mini-graph-card
下面是各个区域的代码,直接贴代码好像字数超了 222.png

333.png

555.png

444.png

test.zip

1.95 KB, 下载次数: 27

回复

使用道具 举报

0

主题

23

帖子

166

积分

注册会员

Rank: 2

积分
166
金钱
143
HASS币
0
发表于 2024-3-19 10:55:49 | 显示全部楼层
请问你的问题解决了吗?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-25 14:30 , Processed in 0.117463 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表