From 4c9725ed723dec8d872a3b61793e1eb19e99ff14 Mon Sep 17 00:00:00 2001 From: Philipp Kief <philipp.kief@gmx.de> Date: Mon, 13 Nov 2023 20:02:26 +0100 Subject: [PATCH] Update styles --- src/core/styles.ts | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/core/styles.ts b/src/core/styles.ts index 9ab6208..d3938a4 100644 --- a/src/core/styles.ts +++ b/src/core/styles.ts @@ -1,13 +1,13 @@ export const previewStyles = ` :root { --main-bg-color: #1e1e1e; --dark-theme-bg-color: #1e1e1e; --dark-theme-font-color: #fafafa; --light-theme-bg-color: #f3f3f3; --light-theme-font-color: #424242; } body { margin: 0; padding: 0; font-family: arial, sans-serif; border-collapse: collapse; width: 100%; background: var(--main-bg-color); font-size: 1rem; } - .theme-review { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; max-width: 500px; } + .theme-review { display: grid; grid-template-columns: 200px 200px; grid-template-rows: 1fr; width: 400px; } .theme-review ul { list-style: none; padding: 0; margin: 0; } - .theme-container { padding: 20px; } - .theme-container > h2 { font-size: 1.25rem; margin-top: 0; } + .theme-container { padding: 10px; } + .theme-container > h2 { font-size: 1rem; margin-top: 0; } .theme-container.dark { color: var(--dark-theme-font-color); background: var(--dark-theme-bg-color); } .theme-container.light { color: var(--light-theme-font-color); background: var(--light-theme-bg-color); } - .icon { display: flex; align-items: center; } + .icon { display: grid; align-items: center; grid-template-columns: 20px auto; } .icon-preview { content: " "; background-size: 16px; background-position: 0; background-repeat: no-repeat; padding-right: 6px; width: 16px; height: 22px; } - .icon > span { font-size: 13px; } + .icon > span { font-size: 13px; text-overflow: ellipsis; overflow: hidden; } `;