Simplify demo notice
This commit is contained in:
@@ -1136,13 +1136,7 @@ export default function App() {
|
|||||||
<div className={`app-shell ${isWorkshopMode && activeModule === "atelier" ? "app-shell--workshop" : ""}`}>
|
<div className={`app-shell ${isWorkshopMode && activeModule === "atelier" ? "app-shell--workshop" : ""}`}>
|
||||||
<main className="workspace">
|
<main className="workspace">
|
||||||
<aside className="demo-notice" role="note">
|
<aside className="demo-notice" role="note">
|
||||||
<strong>{t("Simulation and demonstration only", "Simulation et demonstration uniquement")}</strong>
|
<strong>Simulation et demonstration uniquement</strong>
|
||||||
<span>
|
|
||||||
{t(
|
|
||||||
"This web application is for simulation and demonstration. It must not be used as a validated production MES or safety system.",
|
|
||||||
"Cette application web est destinee a la simulation et a la demonstration. Elle ne doit pas etre utilisee comme MES de production valide ni comme systeme de securite.",
|
|
||||||
)}
|
|
||||||
</span>
|
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<header className="hero">
|
<header className="hero">
|
||||||
|
|||||||
@@ -114,27 +114,21 @@ button:disabled {
|
|||||||
.demo-notice {
|
.demo-notice {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 12px;
|
justify-content: center;
|
||||||
padding: 12px 14px;
|
padding: 12px 14px;
|
||||||
border: 1px solid color-mix(in srgb, var(--accent) 46%, #FFFFFF);
|
border: 1px solid color-mix(in srgb, var(--accent) 46%, #FFFFFF);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
background: var(--accent-light);
|
background: var(--accent-light);
|
||||||
color: var(--text-primary);
|
color: var(--text-primary);
|
||||||
|
text-align: center;
|
||||||
box-shadow: 0 1px 3px rgba(10, 47, 90, 0.06), 0 4px 12px rgba(10, 47, 90, 0.04);
|
box-shadow: 0 1px 3px rgba(10, 47, 90, 0.06), 0 4px 12px rgba(10, 47, 90, 0.04);
|
||||||
}
|
}
|
||||||
|
|
||||||
.demo-notice strong {
|
.demo-notice strong {
|
||||||
flex: 0 0 auto;
|
|
||||||
font-family: "Space Grotesk", sans-serif;
|
font-family: "Space Grotesk", sans-serif;
|
||||||
font-size: var(--text-base);
|
font-size: var(--text-base);
|
||||||
}
|
}
|
||||||
|
|
||||||
.demo-notice span {
|
|
||||||
color: var(--text-secondary);
|
|
||||||
font-size: var(--text-sm);
|
|
||||||
line-height: 1.45;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero,
|
.hero,
|
||||||
.panel,
|
.panel,
|
||||||
.machine-card,
|
.machine-card,
|
||||||
|
|||||||
Reference in New Issue
Block a user