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

[binglww]

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 组件传参方式错了

[tiny-craft]

@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]

@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，没法看效果😂

昨天就是我 哈哈 😂

[tiny-craft]

@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]

@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，没法看效果😂

昨天就是我 哈哈 😂

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

可以了

[tiny-craft]

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

[binglww]

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

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

1、查看redis json数据报错，看报错是 moncao-editor 的问题，应该也是兼容问题，使用chrome打开 http://localhost:34115/ 是正常的

2、redis 状态信息显示不出来，chrome浏览器正常

3、运行日志无法滚动，chrome浏览器正常