26 lines
16 KiB
XML
26 lines
16 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<project version="4">
|
|
<component name="CopilotDiffPersistence">
|
|
<option name="pendingDiffs">
|
|
<map>
|
|
<entry key="/ClassiquesDepartsQuais (snapshot).css">
|
|
<value>
|
|
<PendingDiffInfo>
|
|
<option name="filePath" value="/ClassiquesDepartsQuais (snapshot).css" />
|
|
<option name="originalContent" value=" /* Partie gauche strictement comme l'image */ .aff-quais__left--strict { width: 100%; max-width: 480px; min-width: 340px; background: #fff; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 32px 32px 24px 32px; box-sizing: border-box; position: relative; height: 100vh; overflow: hidden; } .aff-quais__sncf-logo--strict { width: 54px; height: auto; margin-bottom: 18px; margin-left: 0; margin-top: 0; } .aff-quais__watermark { position: absolute; right: 18px; top: 50%; transform: translateY(-50%) rotate(-90deg); font-size: 100px; color: rgba(23,55,113,0.07); font-weight: 800; letter-spacing: 6px; pointer-events: none; user-select: none; z-index: 0; } .aff-quais__row--time-status { display: flex; align-items: flex-end; gap: 18px; margin-bottom: 18px; z-index: 1; } .aff-quais__time--strict { color: #0d4a87; font-weight: 800; font-size: 56px; line-height: 1; letter-spacing: 0.5px; margin-right: 12px; } .aff-quais__time-status--strict { color: #0d4a87; font-size: 22px; font-weight: 400; opacity: 1; align-self: flex-end; margin-bottom: 7px; } .aff-quais__destination--strict { margin-top: 10px; margin-bottom: 0; color: #0d4a87; z-index: 1; } .aff-quais__destination-line1--strict { font-size: 38px; font-weight: 800; line-height: 1.1; } .aff-quais__destination-line2--strict { font-size: 38px; font-weight: 800; line-height: 1.1; } .aff-quais__train-id--strict { margin-top: 12px; color: #173771; font-weight: 700; font-size: 22px; letter-spacing: 0.5px; z-index: 1; } .aff-quais__train-number--strict { color: #173771; font-weight: 400; font-size: 22px; } .aff-quais__quai{ margin-top: 8px; color:#173771; font-weight:800; background: rgba(23,55,113,0.08); padding:6px 10px; border-radius:6px; display:inline-block; } /* central divider */ .aff-quais__divider{ width:18px; background: linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.18)); display:flex; justify-content:center; align-items:flex-start; padding-top:36px; } .aff-quais__divider:before{ content:''; width:6px; background: transparent; box-shadow: 0 18px 0 0 #f0e34f, 0 54px 0 0 #f0e34f, 0 90px 0 0 #f0e34f, 0 126px 0 0 #f0e34f, 0 162px 0 0 #f0e34f, 0 198px 0 0 #f0e34f; display:block; border-radius:4px; } /* Right panel with stops */ .aff-quais__right{ flex:1; background: linear-gradient(180deg,#205aa1 0%, #144b85 100%); display:flex; align-items:center; box-sizing:border-box; padding: 24px 36px; } .aff-quais__stops-box{ width:100%; max-width:820px; margin-left:24px; } .aff-quais__stops-list{ list-style:none; margin:0; padding:0; width:100%; } .aff-quais__stop{ display:flex; align-items:center; gap:18px; padding: 10px 16px; color:#fff; font-size:30px; line-height:1.1; } .aff-quais__bullet{ width:14px; height:14px; background: #f0e34f; /* yellow bullet */ border-radius:50%; display:inline-block; box-shadow: 0 0 0 4px rgba(240,227,79,0.06) inset; } .aff-quais__stop--active{ background: rgba(155,123,224,0.15); border-radius:6px; } .aff-quais__stop--active .aff-quais__bullet{ background:#9b7be0; /* purple for final */ } .aff-quais__stop-text{ flex:1; padding-left:6px; } /* --- STRICT STYLES FOR RIGHT PANEL --- */ .aff-quais__right--strict { flex: 1; background: #205aa1; /* fond bleu uniforme */ display: flex; align-items: flex-start; justify-content: flex-start; padding: 48px 0 48px 0; min-width: 0; height: 100vh; box-sizing: border-box; } .aff-quais__stops-list--strict { list-style: none; margin: 0; padding: 0 0 0 38px; width: 100%; max-width: 600px; } .aff-quais__stop--strict { display: flex; align-items: center; font-size: 2.1rem; color: #fff; font-family: 'Achemine', 'Helvetica Neue', Arial, sans-serif; font-weight: 400; margin-bottom: 6px; line-height: 1.18; padding: 0 0 0 0; } .aff-quais__stop-bullet--strict { display: inline-block; width: 13px; height: 13px; border-radius: 50%; background: #ffe600; margin-right: 16px; flex-shrink: 0; margin-top: 2px; } .aff-quais__stop-text--strict { display: inline-block; font-size: inherit; font-weight: inherit; color: inherit; } .aff-quais__stop--strict-dest { font-weight: 800; background: #b6d2f7; color: #205aa1; border-radius: 6px; padding: 2px 12px 2px 0; margin-left: -16px; } @media (max-width: 900px) { .aff-quais__right--strict { padding: 18px 0 18px 0; } .aff-quais__stops-list--strict { padding-left: 12px; } .aff-quais__stop--strict { font-size: 1.1rem; } .aff-quais__stop-bullet--strict { width: 8px; height: 8px; margin-right: 8px; } .aff-quais__stop--strict-dest { padding: 1px 6px 1px 0; border-radius: 4px; } } /* --- END STRICT STYLES FOR RIGHT PANEL --- */ .aff-quais__footer{ position:absolute; left:0; right:0; bottom:0; height:86px; pointer-events:none; } .aff-quais__footer-inner{ display:flex; justify-content:space-between; align-items:center; height:100%; padding: 0 28px; background: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.25)); } .aff-quais__footer-left{ color:#fff; font-weight:700; font-size:20px; } .aff-quais__clock-box{ background: #173771; color:#fff; padding: 6px 12px; border-radius: 8px; border: 6px solid #ffffff; } .aff-quais__clock-main{ font-size:20px; font-weight:800; } /* position the clock bottom-right inside a small white rounded box like on the image */ .aff-quais__footer-right{ position:relative; } .aff-quais__clock{ position:relative; } .aff-quais__clock-box{ background: transparent; border-radius:6px; border: 4px solid #ffffff; padding:4px 8px; background: rgba(23,55,113,0.9); } .aff-quais__clock-main{ font-size:18px } @media (max-width: 900px){ .aff-quais__left{width:42%;} .aff-quais__destination-line1{font-size:36px} .aff-quais__destination-line2{font-size:28px} .aff-quais__time{font-size:48px} } " />
|
|
<option name="updatedContent" value="/* Partie gauche strictement comme l'image */ .aff-quais__left--strict { width: 100%; max-width: 480px; min-width: 340px; background: #fff; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 32px 32px 24px 32px; box-sizing: border-box; position: relative; height: 100vh; overflow: hidden; border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } .aff-quais__sncf-logo--strict { width: 54px; height: auto; margin-bottom: 18px; margin-left: 0; margin-top: 0; } .aff-quais__watermark { position: absolute; right: 18px; top: 50%; transform: translateY(-50%) rotate(-90deg); font-size: 100px; color: rgba(23,55,113,0.07); font-weight: 800; letter-spacing: 6px; pointer-events: none; user-select: none; z-index: 0; } .aff-quais__row--time-status { display: flex; align-items: flex-end; gap: 18px; margin-bottom: 18px; z-index: 1; } .aff-quais__time--strict { color: #0d4a87; font-weight: 800; font-size: 56px; line-height: 1; letter-spacing: 0.5px; margin-right: 12px; } .aff-quais__time-status--strict { color: #0d4a87; font-size: 22px; font-weight: 400; opacity: 1; align-self: flex-end; margin-bottom: 7px; } .aff-quais__destination--strict { margin-top: 10px; margin-bottom: 0; color: #0d4a87; z-index: 1; } .aff-quais__destination-line1--strict { font-size: 38px; font-weight: 800; line-height: 1.1; } .aff-quais__destination-line2--strict { font-size: 38px; font-weight: 800; line-height: 1.1; } .aff-quais__train-id--strict { margin-top: 12px; color: #173771; font-weight: 700; font-size: 22px; letter-spacing: 0.5px; z-index: 1; } .aff-quais__train-number--strict { color: #173771; font-weight: 400; font-size: 22px; } .aff-quais__quai{ margin-top: 8px; color:#173771; font-weight:800; background: rgba(23,55,113,0.08); padding:6px 10px; border-radius:6px; display:inline-block; } /* central divider */ .aff-quais__divider{ width:18px; background: linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.18)); display:flex; justify-content:center; align-items:flex-start; padding-top:36px; } .aff-quais__divider:before{ content:''; width:6px; background: transparent; box-shadow: 0 18px 0 0 #f0e34f, 0 54px 0 0 #f0e34f, 0 90px 0 0 #f0e34f, 0 126px 0 0 #f0e34f, 0 162px 0 0 #f0e34f, 0 198px 0 0 #f0e34f; display:block; border-radius:4px; } /* Right panel with stops */ .aff-quais__right{ flex:1; background: linear-gradient(180deg,#205aa1 0%, #144b85 100%); display:flex; align-items:center; box-sizing:border-box; padding: 24px 36px; } .aff-quais__stops-box{ width:100%; max-width:820px; margin-left:24px; } .aff-quais__stops-list{ list-style:none; margin:0; padding:0; width:100%; } .aff-quais__stop{ display:flex; align-items:center; gap:18px; padding: 10px 16px; color:#fff; font-size:30px; line-height:1.1; } .aff-quais__bullet{ width:14px; height:14px; background: #f0e34f; /* yellow bullet */ border-radius:50%; display:inline-block; box-shadow: 0 0 0 4px rgba(240,227,79,0.06) inset; } .aff-quais__stop--active{ background: rgba(155,123,224,0.15); border-radius:6px; } .aff-quais__stop--active .aff-quais__bullet{ background:#9b7be0; /* purple for final */ } .aff-quais__stop-text{ flex:1; padding-left:6px; } /* --- STRICT STYLES FOR RIGHT PANEL --- */ .aff-quais__right--strict { flex: 1; background: #205aa1; /* fond bleu uniforme */ display: flex; align-items: flex-start; justify-content: flex-start; padding: 48px 0 48px 0; min-width: 0; height: 100vh; box-sizing: border-box; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: none; } .aff-quais__stops-list--strict { list-style: none; margin: 0; padding: 0 0 0 38px; width: 100%; max-width: 600px; } .aff-quais__stop--strict { display: flex; align-items: center; font-size: 2.1rem; color: #fff; font-family: 'Achemine', 'Helvetica Neue', Arial, sans-serif; font-weight: 400; margin-bottom: 6px; line-height: 1.18; padding: 0 0 0 0; } .aff-quais__stop-bullet--strict { display: inline-block; width: 13px; height: 13px; border-radius: 50%; background: #ffe600; margin-right: 16px; flex-shrink: 0; margin-top: 2px; } .aff-quais__stop-text--strict { display: inline-block; font-size: inherit; font-weight: inherit; color: inherit; } .aff-quais__stop--strict-dest { font-weight: 800; background: #b6d2f7; color: #205aa1; border-radius: 6px; padding: 2px 12px 2px 0; margin-left: -16px; } .aff-quais__container--strict { display: flex; flex-direction: row; width: 100vw; height: 100vh; min-height: 0; min-width: 0; background: #205aa1; box-sizing: border-box; overflow: hidden; } .aff-quais__separator--strict { width: 14px; min-width: 14px; max-width: 14px; background: #205aa1; height: 100vh; display: block; z-index: 2; } @media (max-width: 900px) { .aff-quais__right--strict { padding: 18px 0 18px 0; } .aff-quais__stops-list--strict { padding-left: 12px; } .aff-quais__stop--strict { font-size: 1.1rem; } .aff-quais__stop-bullet--strict { width: 8px; height: 8px; margin-right: 8px; } .aff-quais__stop--strict-dest { padding: 1px 6px 1px 0; border-radius: 4px; } } /* --- END STRICT STYLES FOR RIGHT PANEL --- */ .aff-quais__footer{ position:absolute; left:0; right:0; bottom:0; height:86px; pointer-events:none; } .aff-quais__footer-inner{ display:flex; justify-content:space-between; align-items:center; height:100%; padding: 0 28px; background: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.25)); } .aff-quais__footer-left{ color:#fff; font-weight:700; font-size:20px; } .aff-quais__clock-box{ background: #173771; color:#fff; padding: 6px 12px; border-radius: 8px; border: 6px solid #ffffff; } .aff-quais__clock-main{ font-size:20px; font-weight:800; } /* position the clock bottom-right inside a small white rounded box like on the image */ .aff-quais__footer-right{ position:relative; } .aff-quais__clock{ position:relative; } .aff-quais__clock-box{ background: transparent; border-radius:6px; border: 4px solid #ffffff; padding:4px 8px; background: rgba(23,55,113,0.9); } .aff-quais__clock-main{ font-size:18px } @media (max-width: 900px){ .aff-quais__left{width:42%;} .aff-quais__destination-line1{font-size:36px} .aff-quais__destination-line2{font-size:28px} .aff-quais__time{font-size:48px} }" />
|
|
</PendingDiffInfo>
|
|
</value>
|
|
</entry>
|
|
<entry key="$PROJECT_DIR$/.env.example">
|
|
<value>
|
|
<PendingDiffInfo>
|
|
<option name="filePath" value="$PROJECT_DIR$/.env.example" />
|
|
<option name="updatedContent" value="# Exemple de variables d'environnement pour CRA (create-react-app) # Copiez ce fichier en `.env.local` ou `.env` à la racine du projet # et remplacez par vos valeurs Supabase. REACT_APP_SUPABASE_URL=https://xyzcompany.supabase.co REACT_APP_SUPABASE_ANON_KEY=public-anon-key " />
|
|
</PendingDiffInfo>
|
|
</value>
|
|
</entry>
|
|
</map>
|
|
</option>
|
|
</component>
|
|
</project> |