diff --git a/index.html b/index.html index 00e71db..e01af0b 100644 --- a/index.html +++ b/index.html @@ -47,10 +47,11 @@ .app-title { position: fixed; left: 1rem; top: 1rem; user-select: none; } .app-copyright { display: none; position: fixed; right: 1rem; bottom: 1rem; user-select: none; color: var(--sub-text-color); } .app-theme { position: fixed; right: 1rem; top: 1rem; user-select: none; color: var(--sub-text-color); transition: 0.9s; } - .app-icons-container { position: fixed; left: 0rem; bottom: 0rem; user-select: none; fill: var(--main-text-color); cursor: pointer; } + .app-icons-container { position: fixed; left: 1rem; bottom: 1rem; user-select: none; cursor: pointer; color: var(--main-text-color); } .app-buttons { display: flex; flex-direction: column; gap: 0.5rem} .app-icon-button { background: none; border: none; color: inherit; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; } .app-icon-button:focus-visible { outline: 2px solid var(--sub-text-color); outline-offset: 2px; border-radius: 8px; } + .app-icon-button svg { width: 24px; height: 24px; display: block; flex-shrink: 0; } .app-full { width: 24px; height: 24px; padding: 1rem; } .app-book { width: 24px; height: 24px; padding: 1rem; } .app-cog { width: 24px; height: 24px; padding: 1rem; } @@ -261,7 +262,7 @@ select {
zenn.clock
- +
@@ -317,7 +318,11 @@ select { const subTextElements = document.querySelectorAll('.sub-text.not-info'); function saveSettings() { - localStorage.setItem(STORAGE_KEY, JSON.stringify(currentSettings)); + try { + localStorage.setItem(STORAGE_KEY, JSON.stringify(currentSettings)); + } catch (error) { + // Storage가 막힌 환경(사파리 프라이빗 모드 등)에서는 저장만 건너뛴다. + } } function loadSettings() {