BreizhHardware/Jellystat
1
0
Fork 0
mirror of https://github.com/BreizhHardware/Jellystat.git synced 2026-01-18 16:27:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

css fixes on placeholder colours

Browse Source 
set alerts to dark theme
This commit is contained in:
CyferShepard
2025-01-02 23:23:12 +02:00
parent 9f0c3fcb2b
commit 12b0d95ae6
5 changed files with 27 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.css
View File

@@ -151,3 +151,7 @@ h2 {
.hide-tab-titles {
display: none !important;
}
::placeholder {
color: #a7a7a7 !important; /* Replace with your desired color */
}

2
src/pages/components/settings/apiKeys.jsx
View File

@@ -150,7 +150,7 @@ async function handleFormSubmit(event) {
<div>
<h1 className="my-2"><Trans i18nKey={"SETTINGS_PAGE.API_KEYS"}/></h1>
{showAlert && showAlert.visible && (
<Alert variant={showAlert.type} onClose={handleCloseAlert} dismissible>
<Alert bg="dark" data-bs-theme="dark" variant={showAlert.type} onClose={handleCloseAlert} dismissible>
<Alert.Heading>{showAlert.title}</Alert.Heading>
<p>
{showAlert.message}

28
src/pages/components/settings/backupfiles.jsx
View File

@@ -133,14 +133,14 @@ function Row(file) {
<div className="d-flex justify-content-center">
<DropdownButton title={i18next.t("ACTIONS")} variant="outline-primary" disabled={disabled}>
<Dropdown.Item as="button" variant="primary" onClick={() => downloadBackup(data.name)}>
<Trans i18nKey={"DOWNLOAD"}/>
<Trans i18nKey={"DOWNLOAD"} />
</Dropdown.Item>
<Dropdown.Item as="button" variant="warning" onClick={() => restoreBackup(data.name)}>
<Trans i18nKey={"RESTORE"}/>
<Trans i18nKey={"RESTORE"} />
</Dropdown.Item>
<Dropdown.Divider></Dropdown.Divider>
<Dropdown.Item as="button" variant="danger" onClick={() => deleteBackup(data.name)}>
<Trans i18nKey={"DELETE"}/>
<Trans i18nKey={"DELETE"} />
</Dropdown.Item>
</DropdownButton>
</div>
@@ -222,7 +222,7 @@ export default function BackupFiles() {
<Trans i18nKey={"SETTINGS_PAGE.BACKUPS"} />
</h1>
{showAlert && showAlert.visible && (
<Alert variant={showAlert.type} onClose={handleCloseAlert} dismissible>
<Alert variant={showAlert.type} bg="dark" data-bs-theme="dark" onClose={handleCloseAlert} dismissible>
<Alert.Heading>{showAlert.title}</Alert.Heading>
<p>{showAlert.message}</p>
</Alert>
@@ -233,10 +233,14 @@ export default function BackupFiles() {
<TableHead>
<TableRow>
<TableCell>
<Trans i18nKey={"FILE_NAME"}/>
<Trans i18nKey={"FILE_NAME"} />
</TableCell>
<TableCell>
<Trans i18nKey={"DATE"} />
</TableCell>
<TableCell>
<Trans i18nKey={"SETTINGS_PAGE.SIZE"} />
</TableCell>
<TableCell><Trans i18nKey={"DATE"}/></TableCell>
<TableCell><Trans i18nKey={"SETTINGS_PAGE.SIZE"}/></TableCell>
<TableCell></TableCell>
</TableRow>
</TableHead>
@@ -249,7 +253,7 @@ export default function BackupFiles() {
{files.length === 0 ? (
<tr>
<td colSpan="5" style={{ textAlign: "center", fontStyle: "italic", color: "grey" }} className="py-2">
<Trans i18nKey={"ERROR_MESSAGES.NO_BACKUPS"}/>
<Trans i18nKey={"ERROR_MESSAGES.NO_BACKUPS"} />
</td>
</tr>
) : (
@@ -275,11 +279,11 @@ export default function BackupFiles() {
<div className="d-flex justify-content-end my-2">
<ButtonGroup className="pagination-buttons">
<Button className="page-btn" onClick={() => setPage(0)} disabled={page === 0}>
<Trans i18nKey={"TABLE_NAV_BUTTONS.FIRST"}/>
<Trans i18nKey={"TABLE_NAV_BUTTONS.FIRST"} />
</Button>
<Button className="page-btn" onClick={handlePreviousPageClick} disabled={page === 0}>
<Trans i18nKey={"TABLE_NAV_BUTTONS.PREVIOUS"}/>
<Trans i18nKey={"TABLE_NAV_BUTTONS.PREVIOUS"} />
</Button>
<div className="page-number d-flex align-items-center justify-content-center">{`${page * rowsPerPage + 1}-${Math.min(
@@ -288,7 +292,7 @@ export default function BackupFiles() {
)} of ${files.length}`}</div>
<Button className="page-btn" onClick={handleNextPageClick} disabled={page >= Math.ceil(files.length / rowsPerPage) - 1}>
<Trans i18nKey={"TABLE_NAV_BUTTONS.NEXT"}/>
<Trans i18nKey={"TABLE_NAV_BUTTONS.NEXT"} />
</Button>
<Button
@@ -296,7 +300,7 @@ export default function BackupFiles() {
onClick={() => setPage(Math.ceil(files.length / rowsPerPage) - 1)}
disabled={page >= Math.ceil(files.length / rowsPerPage) - 1}
>
<Trans i18nKey={"TABLE_NAV_BUTTONS.LAST"}/>
<Trans i18nKey={"TABLE_NAV_BUTTONS.LAST"} />
</Button>
</ButtonGroup>
</div>

4
src/pages/components/settings/security.jsx
View File

@@ -213,9 +213,9 @@ export default function SettingsConfig() {
{isSubmitted !== "" ? (
isSubmitted === "Failed" ? (
<Alert variant="danger">{submissionMessage}</Alert>
<Alert bg="dark" data-bs-theme="dark" variant="danger">{submissionMessage}</Alert>
) : (
<Alert variant="success">{submissionMessage}</Alert>
<Alert bg="dark" data-bs-theme="dark" variant="success">{submissionMessage}</Alert>
)
) : (
<></>

8
src/pages/components/settings/settingsConfig.jsx
View File

@@ -231,9 +231,9 @@ export default function SettingsConfig() {
</Form.Group>
{isSubmitted !== "" ? (
isSubmitted === "Failed" ? (
<Alert variant="danger">{submissionMessage}</Alert>
<Alert bg="dark" data-bs-theme="dark" variant="danger">{submissionMessage}</Alert>
) : (
<Alert variant="success">{submissionMessage}</Alert>
<Alert bg="dark" data-bs-theme="dark" variant="success">{submissionMessage}</Alert>
)
) : (
<></>
@@ -263,9 +263,9 @@ export default function SettingsConfig() {
{isSubmittedExternal !== "" ? (
isSubmittedExternal === "Failed" ? (
<Alert variant="danger">{submissionMessageExternal}</Alert>
<Alert bg="dark" data-bs-theme="dark" variant="danger">{submissionMessageExternal}</Alert>
) : (
<Alert variant="success">{submissionMessageExternal}</Alert>
<Alert bg="dark" data-bs-theme="dark" variant="success">{submissionMessageExternal}</Alert>
)
) : (
<></>