javascript - svelte如何在日期和待办事项文本之间留空格？

Question

我现在已经更改了以下内容:https://svelte.dev/repl/f137b909d3e740f99a030576189091db?version=3.22.3

这在Svelte中，并且是新的。我正在用 Electron 构建它。
提前致谢!

Answer 1

我调整了您的样式，并将todo-item-left设置为网格。纯CSS，无需其他更改:

.remove-item {
        cursor: pointer;
    }

    .todo-item-left {
        display: grid;
        grid-template-columns: 1fr 3fr 3fr;
        justify-items: start;
        width: 100%;
    }

我更新了 REPL供您玩耍。