Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 91a046bfbe |
11
index.html
11
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 {
|
||||
</div>
|
||||
</div>
|
||||
<div class="show-hide app-title sub-text">zenn.clock</div>
|
||||
<div class="show-hide app-copyright sub-text">copyrights <a href="https://zenn.blog" target="_blank" class="link">zenn</a>. all rights reserved.</div>
|
||||
<div class="show-hide app-copyright sub-text">copyrights <a href="https://x.com/zennbox" target="_blank" class="link">zenn</a>. all rights reserved.</div>
|
||||
<div class="show-hide app-theme sub-text">
|
||||
<div class="theme-text" id="current-theme"></div>
|
||||
<div class="theme-text hidden" id="next-theme"></div>
|
||||
@@ -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() {
|
||||
|
||||
Reference in New Issue
Block a user