Spitfire/Search
Spitfire/Search
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

added privacy policy page and about section, improved dir check, fixed crash when idexer is disabled

Browse source
This commit is contained in:
partisan 2025-01-05 19:23:53 +01:00
parent 61266c461a
commit 5ae97da6d0
18 changed files with 698 additions and 107 deletions
Download patch file Download diff file Expand all files Collapse all files

18
static/css/style-imageviewer.css
View file

@ -60,13 +60,6 @@
gap: 5px; /* Add spacing between buttons */
}
.image-view-close .btn-nostyle {
background-color: inherit;
border: none;
padding: 0px;
cursor: pointer;
}
#viewer-close-button,
#viewer-prev-button,
#viewer-next-button {
@ -128,6 +121,7 @@
.full-size:hover,
.proxy-size:hover {
transition: all 0.3s ease;
text-decoration: underline;
}
@ -136,15 +130,6 @@
visibility: visible;
}
/* Button No Style */
.btn-nostyle {
background-color: inherit;
border: none;
padding: 0px;
width: fit-content;
cursor: pointer;
}
/* Image Navigation Icons */
.image-close,
.image-next,
@ -163,6 +148,7 @@
.image-close:hover,
.image-next:hover,
.image-before:hover {
transition: all 0.3s ease;
background-color: var(--image-select);
}

104
static/css/style-menu.css
View file

@ -1,3 +1,5 @@
/* ------------------ Mini-Menu Styles ------------------ */
.settings-search-div-search {
right: 20px;
top: 25px;
@ -140,4 +142,106 @@
margin-right: 0;
border-radius: 0;
}
}
/* ------------------ About QGato Modal Styles ------------------ */
#aboutQGatoModal {
display: none;
position: fixed;
/* Center modal */
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* Keep it on top */
z-index: 999;
/* Match mini-menu background style */
background-color: var(--html-bg);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
border: 1px solid var(--border);
border-radius: 12px;
/* Spacing & sizing */
padding: 32px;
max-width: 600px; /* Increased width */
max-height: 80vh; /* Optional: restrict height to 80% of viewport */
overflow-y: auto; /* Enable scrolling if content exceeds height */
color: var(--font-fg);
}
#aboutQGatoModal #close-button {
position: absolute;
top: 12px;
right: 12px; /* Moved close button to top-right */
}
#aboutQGatoModal .modal-content {
text-align: center;
margin-top: 20px; /* Adjusted spacing */
}
/* Logo */
#aboutQGatoModal .modal-content img {
width: 100px; /* Increased logo size */
margin-bottom: 16px;
}
/* Headings, paragraphs, etc. */
#aboutQGatoModal .modal-content h2 {
font-size: 2rem; /* Larger heading */
margin: 8px 0;
}
#aboutQGatoModal .modal-content p {
font-size: 1.1rem; /* Larger paragraph text */
margin: 12px 0;
}
/* Container for the Source Code / Privacy Policy buttons */
#aboutQGatoModal .button-container {
margin-top: 16px;
display: flex;
justify-content: center;
gap: 16px;
}
/* Match mini-menu button style as closely as possible */
#aboutQGatoModal .button-container button {
background-color: var(--button);
color: var(--font-fg);
border: 1px solid var(--border);
border-radius: 6px;
padding: 12px 16px; /* Larger button padding */
font-size: 1rem; /* Larger button text */
cursor: pointer;
transition: border 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
#aboutQGatoModal .button-container button:hover {
border: 1px solid var(--font-fg);
}
/* Close Button Style */
.cloase-btn {
font-size: 1.5rem; /* Larger close button */
color: var(--search-button);
border-radius: 50%;
padding: 8px;
}
.cloase-btn:hover {
transition: all 0.3s ease;
background-color: var(--image-select);
}
/* ------------------ Common Button No Style ------------------ */
.btn-nostyle {
background-color: inherit;
border: none;
padding: 0px;
width: fit-content;
cursor: pointer;
}

95
static/css/style-privacy.css Normal file
View file

@ -0,0 +1,95 @@
/* Main content wrapper */
.privacy-content-wrapper {
max-width: 800px;
margin: 80px auto 40px auto;
padding: 0 20px;
}
/* Header section */
.privacy-header {
text-align: center;
margin-bottom: 30px;
}
.privacy-header h1 {
font-size: 2rem;
margin: 0;
color: var(--font-fg);
}
.privacy-header p {
color: var(--fg);
margin-top: 10px;
font-size: 1.1rem;
}
/* Section headings */
.privacy-section h2 {
font-size: 1.5rem;
margin-bottom: 8px;
color: var(--font-fg);
border-bottom: 1px solid var(--border);
padding-bottom: 4px;
}
/* Section text */
.privacy-section p {
font-size: 1rem;
line-height: 1.6;
margin-bottom: 20px;
color: var(--fg);
}
/* Footer */
.privacy-footer {
text-align: center;
padding: 10px 0;
border-top: 1px solid var(--border);
color: var(--fg);
background-color: var(--html-bg);
}
/* Links */
.privacy-section a {
color: var(--link);
text-decoration: none;
}
.privacy-section a:hover {
text-decoration: underline;
}
/* Table styling */
.cookie-table {
width: 100%;
margin: 20px auto;
border-collapse: collapse;
text-align: left;
font-size: 1rem;
color: var(--fg);
background-color: var(--html-bg);
border: 1px solid var(--border);
}
.cookie-table th,
.cookie-table td {
padding: 12px 15px;
border: 1px solid var(--border);
}
.cookie-table th {
background-color: var(--search-bg);
color: var(--font-fg);
text-align: center;
font-weight: bold;
}
.cookie-table tr:nth-child(even) {
background-color: var(--snip-background);
}
/* Center the table within its section */
.privacy-section .cookie-table {
margin-left: auto;
margin-right: auto;
}