FERROVIA_SA/ferrovia-panel
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RELEASE V.1.2.1 - Voici les fonctionnalités :

Browse Source 
->Refonte visuelle + Prise en charge du mode sombre par l'ensemble des composants.
This commit is contained in:
mathis committed 2026-09-22 22:14:21 +02:00
1 parent d61422ddbf
commit 37ab831aac
44 files changed
+17261 -7636
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/pages/pages-gestion/EditeurPage.css
+171
View File
@@ -438,3 +438,174 @@ h1.preview-titre {
font-size: 12px;
margin: 0;
}
@media (max-width: 900px) {
.editeur-layout,
.cms-page-editor {
grid-template-columns: 1fr;
}
.editeur-header {
flex-direction: column;
align-items: stretch;
gap: 12px;
}
.preview-toolbar {
padding: 10px 16px;
}
.preview-content {
padding: 30px 16px;
}
}
/* ==========================================================================
DARK MODE
========================================================================== */
body.dark-mode .editeur-page-container,
[data-theme="dark"] .editeur-page-container {
background-color: #0b111e;
color: #f8fafc;
}
body.dark-mode .editeur-header,
[data-theme="dark"] .editeur-header {
background: #151f30;
border: 1px solid #243247;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
body.dark-mode .page-builder,
[data-theme="dark"] .page-builder {
background: #151f30;
border-color: #243247;
}
body.dark-mode .builder-item,
[data-theme="dark"] .builder-item {
border-color: #243247;
background: #0e1726;
}
body.dark-mode .item-controls,
[data-theme="dark"] .item-controls {
background: #151f30;
border-bottom-color: #243247;
}
body.dark-mode .comp-name,
[data-theme="dark"] .comp-name {
color: #94a3b8;
}
body.dark-mode .comp-edit label,
[data-theme="dark"] .comp-edit label {
color: #94a3b8;
}
body.dark-mode .comp-edit input,
body.dark-mode .comp-edit textarea,
body.dark-mode .comp-edit select,
[data-theme="dark"] .comp-edit input,
[data-theme="dark"] .comp-edit textarea,
[data-theme="dark"] .comp-edit select {
background: #0b111e;
border-color: #243247;
color: #f8fafc;
}
body.dark-mode .sidebar-section,
[data-theme="dark"] .sidebar-section {
background: #151f30;
border: 1px solid #243247;
color: #f8fafc;
}
body.dark-mode .sidebar-section h3,
[data-theme="dark"] .sidebar-section h3 {
border-bottom-color: #243247;
color: #f8fafc;
}
body.dark-mode .comp-tool,
[data-theme="dark"] .comp-tool {
border-color: #243247;
background: #0e1726;
color: #f8fafc;
}
body.dark-mode .comp-tool:hover,
[data-theme="dark"] .comp-tool:hover {
background: #1a2a42;
border-color: #38bdf8;
}
body.dark-mode .cms-builder,
[data-theme="dark"] .cms-builder {
background: #151f30;
border-color: #243247;
}
body.dark-mode .cms-block,
[data-theme="dark"] .cms-block {
border-color: #243247;
}
body.dark-mode .cms-block-header,
[data-theme="dark"] .cms-block-header {
background: #0e1726;
border-bottom-color: #243247;
}
body.dark-mode .cms-block-title,
[data-theme="dark"] .cms-block-title {
color: #f8fafc;
}
body.dark-mode .cms-sidebar,
[data-theme="dark"] .cms-sidebar {
background: #151f30;
border-color: #243247;
}
body.dark-mode .cms-block-add,
[data-theme="dark"] .cms-block-add {
border-color: #243247;
background: #0e1726;
color: #38bdf8;
}
body.dark-mode .cms-block-add:hover,
[data-theme="dark"] .cms-block-add:hover {
background: #1a2a42;
}
body.dark-mode .cms-label,
[data-theme="dark"] .cms-label {
color: #94a3b8;
}
body.dark-mode .cms-input,
body.dark-mode .cms-select,
body.dark-mode .cms-textarea,
[data-theme="dark"] .cms-input,
[data-theme="dark"] .cms-select,
[data-theme="dark"] .cms-textarea {
background: #0b111e;
border-color: #243247;
color: #f8fafc;
}
body.dark-mode .cms-checkbox,
[data-theme="dark"] .cms-checkbox {
color: #f8fafc;
}
body.dark-mode .titre-input,
[data-theme="dark"] .titre-input {
background: #151f30;
border-color: #243247;
color: #f8fafc;
}