search

tiny-craft / tiny-rdm

Tiny RDM (Tiny Redis Desktop Manager) - A modern, colorful, super lightweight Redis GUI client for Mac, Windows, and Linux.
https://redis.tinycraft.cc/
GNU General Public License v3.0
8.91k stars 452 forks source link

[BUG] 低版本macos不支持 css gap 导致 icon 错乱 #245

Open binglww opened 6 months ago

binglww commented 6 months ago

Tiny RDM Version 1.1.12

OS Version macOS 11.2.3 intel safari 14.0.3 (16610.4.3.1.7)

Describe the bug 1、主页右下角icon排版不对，测试下来是因为不支持gap （Safari 14.1 Adds Support for Flexbox Gaps） 2、Ribbon.vue组件的 icon-button 组件传参方式错了 image image image image

tiny-craft commented 6 months ago

@binglww 是的，昨天有人也是这个系统，我看到截图有问题了。

帮忙把底部样式

    .nav-menu-item {
        align-items: center;
        padding: 10px 0 15px;
        gap: 20px;
        --wails-draggable: none;

        .nav-menu-button {
            margin-bottom: 6px;

            :hover {
                color: v-bind('themeVars.primaryColor');
            }
        }
    }

替换成

    .nav-menu-item {
        align-items: center;
        padding: 10px 0 15px;
        --wails-draggable: none;

        button {
            margin: 10px 0;
        }
    }

看看，我这没有个版本的mac，没法看效果😂

binglww commented 6 months ago

@binglww 是的，昨天有人也是这个系统，我看到截图有问题了。

帮忙把底部样式

    .nav-menu-item {
        align-items: center;
        padding: 10px 0 15px;
        gap: 20px;
        --wails-draggable: none;

        .nav-menu-button {
            margin-bottom: 6px;

            :hover {
                color: v-bind('themeVars.primaryColor');
            }
        }
    }

替换成

    .nav-menu-item {
        align-items: center;
        padding: 10px 0 15px;
        --wails-draggable: none;

        button {
            margin: 10px 0;
        }
    }

看看，我这没有个版本的mac，没法看效果😂

昨天就是我 哈哈 😂 image

tiny-craft commented 6 months ago

@binglww 是的，昨天有人也是这个系统，我看到截图有问题了。 帮忙把底部样式

    .nav-menu-item {
        align-items: center;
        padding: 10px 0 15px;
        gap: 20px;
        --wails-draggable: none;

        .nav-menu-button {
            margin-bottom: 6px;

            :hover {
                color: v-bind('themeVars.primaryColor');
            }
        }
    }

替换成

    .nav-menu-item {
        align-items: center;
        padding: 10px 0 15px;
        --wails-draggable: none;

        button {
            margin: 10px 0;
        }
    }

看看，我这没有个版本的mac，没法看效果😂

昨天就是我 哈哈 😂 image

哦哦，没留意名字，哈哈。所以是好了吗

binglww commented 6 months ago

@binglww 是的，昨天有人也是这个系统，我看到截图有问题了。 帮忙把底部样式

    .nav-menu-item {
        align-items: center;
        padding: 10px 0 15px;
        gap: 20px;
        --wails-draggable: none;

        .nav-menu-button {
            margin-bottom: 6px;

            :hover {
                color: v-bind('themeVars.primaryColor');
            }
        }
    }

替换成

    .nav-menu-item {
        align-items: center;
        padding: 10px 0 15px;
        --wails-draggable: none;

        button {
            margin: 10px 0;
        }
    }

看看，我这没有个版本的mac，没法看效果😂

昨天就是我 哈哈 😂 image

哦哦，没留意名字，哈哈。所以是好了吗

可以了

tiny-craft commented 6 months ago

好，有其他地方还有错位的也可以在这里说。没有这个环境，我只能盲修了😂

binglww commented 6 months ago

好，有其他地方还有错位的也可以在这里说。没有这个环境，我只能盲修了😂

其他页面看着都正常，但是发现几个其他问题，应该都是兼容的问题

1、查看redis json数据报错，看报错是 moncao-editor 的问题，应该也是兼容问题，使用chrome打开 http://localhost:34115/ 是正常的 image 2、redis 状态信息显示不出来，chrome浏览器正常 image 3、运行日志无法滚动，chrome浏览器正常 image