CalvinBackup/anonymous_github
1
0
Fork 0
mirror of https://github.com/tdurieux/anonymous_github.git synced 2026-05-15 14:38:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

update design

Browse Source
This commit is contained in:
tdurieux
2026-04-24 15:25:23 +02:00
parent 66510f486d
commit 7d72022f7c
3 changed files with 97 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/all.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
public/css/style.css
+95
View File
@@ -1857,6 +1857,63 @@ code {
}
}
/* Mobile: stack form above preview, tighten paddings */
@media (max-width: 767px) {
.anonymize-workspace { height: auto; min-height: 100%; }
.anonymize-topbar { padding: 14px 16px; }
.anonymize-topbar-title { font-size: 1.6rem; margin-top: 2px; }
.anonymize-split {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
}
.anonymize-form-col {
width: 100% !important;
flex: 0 0 auto !important;
height: auto !important;
border-right: none;
border-bottom: 1px solid var(--border-color);
overflow: visible;
}
.anonymize-form-col .paper-settings-main {
padding: 18px 16px 24px;
max-width: none;
}
.anonymize-form-col .anonymize-submit-bar {
position: sticky;
bottom: 0;
margin: 20px -16px 0;
padding: 12px 16px;
background: var(--canvas-bg-color);
border-top: 1px solid var(--border-color);
z-index: 10;
}
.anonymize-form-col .anonymize-submit-bar .btn {
width: 100%;
padding: 12px 16px;
font-size: 15px;
}
.anonymize-preview-col {
width: 100%;
flex: 0 0 auto;
height: auto !important;
max-height: none;
padding: 18px 16px 24px;
overflow: visible;
}
.anonymize-preview-body {
padding: 16px;
border-radius: 8px;
}
.anonymize-preview-body pre,
.anonymize-preview-body .pr-diff pre {
overflow-x: auto;
max-width: 100%;
}
.anonymize-landing-inner { padding: 16px; }
}
@media (min-width: 1280px) {
.anonymize-form-col {
width: 620px;
@@ -2723,6 +2780,44 @@ code {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' d='M4 8h22M4 15h22M4 22h22'/%3E%3C/svg%3E") !important;
}
}
/* Toasts — paper style, dark-mode aware */
.toast {
background-color: var(--paper-card) !important;
color: var(--color) !important;
border: 1px solid var(--border-color) !important;
border-radius: 10px !important;
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
backdrop-filter: none;
min-width: 280px;
max-width: calc(100vw - 24px);
}
.toast .toast-header {
background: transparent !important;
color: var(--color) !important;
border-bottom: 1px solid var(--border-color) !important;
font-family: var(--font-sans);
padding: 10px 12px;
}
.toast .toast-header strong {
font-weight: 600;
color: var(--color);
letter-spacing: 0.01em;
}
.toast .toast-header .close {
color: var(--ink-muted) !important;
text-shadow: none;
opacity: 0.9;
font-size: 1.2rem;
}
.toast .toast-header .close:hover { color: var(--color) !important; opacity: 1; }
.toast .toast-body {
color: var(--color) !important;
padding: 12px;
font-size: 14px;
line-height: 1.45;
}
.dark-mode .toast { box-shadow: 0 8px 24px rgba(0,0,0,0.5); }
.paper-crumbs {
font-family: var(--font-mono);
font-size: 11.5px;
public/index.html
+1 -1
View File
@@ -47,7 +47,7 @@
<div
class="position-fixed bottom-0 right-0 p-3"
style="z-index: 5; right: 0; bottom: 0"
style="z-index: 999999999; right: 0; bottom: 0"
>
<div
id="liveToast"