pmeunier/grain - Change XGJR6JX4PT545C5PN6MC7YMGPBWYLMMJN7TIFRLL2YWFL27FHA7QC

Ajustements CSS

Created by pmeunier on March 1, 2026

XGJR6JX4PT545C5PN6MC7YMGPBWYLMMJN7TIFRLL2YWFL27FHA7QC

Dependencies

In channels

main

Change contents

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 17 [12.35959]

B:BD[12.36452] → [12.36452:36630]

<div
    class="tab-pane fade show active p-3"
    id="expert-tab-pane"
    role="tabpanel"
    aria-labelledby="expert-tab"
    tabindex="0">
    <h3 class="my-3 fs-1 fw-bold">

[12.36442]

[12.36630]

<div class="p-10 flex flex-col">
    <h1 class="my-8 text-4xl font-bold">

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 20 [12.35959]

B:BD[12.36696] → [12.36696:36807]

    </h3>
    <div class="mt-5">
        <div class="mb-3">
            <label class="form-label" for="enedis"

[12.36696]

[18.116]

    </h1>
    <div class="mt-5 flex flex-col gap-5">
        <div class=" flex flex-col">
            <label class="label" for="enedis"

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 26 [12.35959]
B:BD[12.36876] → [12.36876:36936]
```
                class="form-control form-control-sm w-auto"
```
[12.36876]
[12.36936]
```
                class="input input-sm"
```

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 33 [12.35959]

B:BD[12.37074] → [12.37074:37157]

        <div class="mb-3">
            <label class="form-label" for="productible"

[12.37074]

[18.171]

        <div class=" flex flex-col">
            <label class="label" for="productible"

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 37 [12.35959]
B:BD[12.37226] → [12.37226:37286]
```
                class="form-control form-control-sm w-auto"
```
[12.37226]
[12.37286]
```
                class="input input-sm"
```

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 44 [12.35959]

B:BD[12.37434] → [12.37434:37511]

B:BD[12.37511] → [18.226:278]

        <div class="mb-3">
            <label class="form-label" for="ratio"
                >Ratio installation (€/W)</label>

[12.37434]

[12.37559]

        <div class=" flex flex-col">
            <label class="label" for="ratio">Ratio installation (€/W)</label>

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 47 [12.35959]
B:BD[12.37578] → [12.37578:37638]
```
                class="form-control form-control-sm w-auto"
```
[12.37578]
[12.37638]
```
                class="input input-sm"
```

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 54 [12.35959]

B:BD[12.37774] → [12.37774:37857]

        <div class="mb-3">
            <label class="form-label" for="degradation"

[12.37774]

[18.279]

        <div class=" flex flex-col">
            <label class="label" for="degradation"

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 58 [12.35959]
B:BD[12.37924] → [12.37924:37984]
```
                class="form-control form-control-sm w-auto"
```
[12.37924]
[12.37984]
```
                class="input input-sm"
```

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 65 [12.35959]

B:BD[12.38132] → [12.38132:38159]

B:BD[12.38159] → [18.332:415]

        <div class="mb-3">
            <label class="form-label" for="dsra">Taux d'intérêt DSRA (%)</label>

[12.38132]

[12.38255]

        <div class=" flex flex-col">
            <label class="label" for="dsra">Taux d'intérêt DSRA (%)</label>

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 68 [12.35959]
B:BD[12.38274] → [12.38274:38334]
```
                class="form-control form-control-sm w-auto"
```
[12.38274]
[12.38334]
```
                class="input input-sm"
```

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 76 [12.35959]

B:BD[12.38499] → [12.38499:38580]

B:BD[12.38580] → [18.416:463]

        <div class="mb-3">
            <label class="form-label" for="inflation"
                >Inflation tarif local</label>

[12.38499]

[12.38623]

        <div class=" flex flex-col">
            <label class="label" for="inflation">Inflation tarif local</label>

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 79 [12.35959]
B:BD[12.38642] → [12.38642:38702]
```
                class="form-control form-control-sm w-auto"
```
[12.38642]
[12.38702]
```
                class="input input-sm"
```

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 85 [12.35959]

B:BD[12.38845] → [12.38845:38930]

        <div class="mb-3">
            <label class="form-label" for="inflationElec"

[12.38845]

[18.464]

        <div class=" flex flex-col">
            <label class="label" for="inflationElec"

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 89 [12.35959]
B:BD[12.39013] → [12.39013:39073]
```
                class="form-control form-control-sm w-auto"
```
[12.39013]
[12.39073]
```
                class="input input-sm"
```

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 95 [12.35959]

B:BD[18.548] → [18.548:629]

        <div class="mb-3">
            <label class="form-label" for="tarif_cre"

[18.548]

[18.629]

        <div class=" flex flex-col">
            <label class="label" for="tarif_cre"

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 99 [12.35959]

B:BD[18.716] → [18.716:776]

                class="form-control form-control-sm w-auto"

[18.716]

[18.776]

                class="input input-sm"

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 105 [12.35959]

B:BD[12.39224] → [18.913:995]

        <div class="mb-3">
            <label class="form-label" for="tarif_cre2"

[12.39224]

[18.995]

        <div class=" flex flex-col">
            <label class="label" for="tarif_cre2"

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 109 [12.35959]
B:BD[18.1081] → [18.1081:1141]
```
                class="form-control form-control-sm w-auto"
```
[18.1081]
[18.1141]
```
                class="input input-sm"
```

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 115 [12.35959]

B:BD[18.1293] → [18.1293:1375]

        <div class="mb-3">
            <label class="form-label" for="tarif_cre3"

[18.1293]

[18.1375]

        <div class=" flex flex-col">
            <label class="label" for="tarif_cre3"

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 119 [12.35959]
B:BD[18.1461] → [18.1461:1521]
```
                class="form-control form-control-sm w-auto"
```
[18.1461]
[18.1521]
```
                class="input input-sm"
```

Deletion in src/routes/grain/projet/[id]/expert/+page.svelte at line 125 [12.35959]

∅:D[18.1673] → [12.39224:39593]

B:BD[12.39224] → [12.39224:39593]


        <!-- <div class="my-3">
             <label class="form-label" for="surfacekwc">Surface d'un kWc (m²)</label>
             <input
             class="form-control form-control-sm"
             type="number"
             id="surfacekwc"
             step ="any"
             value={surface_kwc}
             on:change={onRatioChange} />
             </div>-->

Replacement in src/routes/grain/GrainMain.svelte at line 30 [2.855919]

B:BD[4.9752] → [7.16097:16103]

B:BD[7.16103] → [15.355:455]

<div>
    <div
        class="img"
        style="background-image: url('{asset('/static/trace.svg')}')">

[4.9752]

[20.0]

<div
    class="img absolute border-primary border-b-10 z-0"
    style="background-image: url('{asset('/static/trace.svg')}')">
</div>
<div class="flex flex-col img z-1">
    <div class="my-auto pb-80">

Replacement in src/routes/grain/GrainMain.svelte at line 43 [2.855919]

B:BD[9.129028] → [9.129028:129146]

                L'outil <span class="text-primary">gratuit</span> de faisabilité
                d'autoconsommation.

[9.129028]

[9.129146]

                L'outil <span class="text-primary">gratuit</span> et
                <span class="text-primary">open source</span> de faisabilité d'autoconsommation.

Replacement in src/routes/grain/GrainMain.svelte at line 46 [2.855919]

B:BD[9.129164] → [14.52308:52368]

B:BD[14.52368] → [16.13630:13677]

B:BD[16.13677] → [17.83:155]

∅:D[17.155] → [16.13737:13779]

B:BD[16.13737] → [16.13737:13779]

∅:D[16.13779] → [10.2349:2414]

∅:D[14.52447] → [10.2349:2414]

B:BD[9.129279] → [10.2349:2414]

B:BD[10.2414] → [11.2231:2334]

            <a
                class="mt-3 btn btn-primary"
                data-testid="a-projet-nouveau"
                href={resolve('/grain/projet/[id]', { id: 'nouveau' })}
                >Lancer ma simulation</a>
            <a
                class="ms-3 mt-3 btn btn-primary"
                href="https://coturnix.fr/communaute/debut"
                >Créer ma communauté</a>

[9.129164]

[22.0]

            <div class="flex flex-wrap gap-5 mt-3">
                <a
                    class="btn btn-primary"
                    data-testid="a-projet-nouveau"
                    href={resolve('/grain/projet/[id]', { id: 'nouveau' })}
                    >Lancer ma simulation</a>
                <a
                    class="btn btn-primary"
                    href="https://coturnix.fr/communaute/debut"
                    >Créer ma communauté</a>
            </div>

Replacement in src/routes/grain/GrainMain.svelte at line 83 [2.855919]
B:BD[4.10336] → [13.0:58]
B:BD[13.58] → [19.61401:61427]
```
<div class="border-primary border-bottom border-5"></div>
<div class="mx-10 mt-10">
```
[4.10336]
[9.129833]
```
<div class="mx-10 my-10 z-1">
```

Replacement in src/routes/grain/GrainMain.svelte at line 90 [2.855919]

B:BD[5.7850] → [21.56:103]

∅:D[21.103] → [20.784:833]

B:BD[19.61678] → [20.784:833]

    <div class="flex p-5 mt-10 w-1/2 mx-auto">
        <div class="w-full sm:w-1/2 sm:ms-auto">

[5.7850]

[19.61724]

    <div class="flex py-5 mt-10 mx-auto text-balance">
        <div class="w-full sm:ps-5 sm:w-1/2 sm:ms-auto">

Replacement in src/routes/grain/GrainMain.svelte at line 106 [2.855919]

B:BD[9.131060] → [9.131060:131124]

                <span class="text-primary fw-bold">local</span>

[9.131060]

[9.131124]

                <span class="text-primary fw-bold">locale</span>

Replacement in src/routes/grain/GrainMain.svelte at line 112 [2.855919]

B:BD[6.1641] → [21.104:145]

∅:D[21.145] → [20.834:895]

B:BD[19.61791] → [20.834:895]

    <div class="flex p-5 w-1/2 mx-auto">
        <div class="w-full sm:w-1/2 sm:text-end sm:me-auto">

[6.1641]

[19.61852]

    <div class="flex py-5 mx-auto text-balance">
        <div class="w-full sm:pe-5 sm:w-1/2 sm:text-end sm:me-auto">

Replacement in src/routes/grain/GrainMain.svelte at line 123 [2.855919]

B:BD[19.62141] → [19.62141:62221]

                <span class="text-primary font-bold">gratuitement</span>.<br />

[19.62141]

[8.2067]

                <span class="text-primary font-bold">gratuitement</span>.

Replacement in src/routes/grain/GrainMain.svelte at line 126 [2.855919]

B:BD[9.131762] → [19.62222:62286]

                class="mt-3 btn btn-sm btn-outline btn-primary"

[9.131762]

[17.156]

                class="mt-3 btn btn-primary"

Replacement in src/routes/grain/GrainMain.svelte at line 132 [2.855919]

B:BD[6.1750] → [21.146:187]

∅:D[21.187] → [20.896:945]

B:BD[19.62314] → [20.896:945]

    <div class="flex p-5 w-1/2 mx-auto">
        <div class="w-full sm:w-1/2 sm:ms-auto">

[6.1750]

[19.62352]

    <div class="flex py-5 mx-auto text-balance">
        <div class="w-full sm:ps-5 sm:w-1/2 sm:ms-auto">

Replacement in src/routes/grain/GrainMain.svelte at line 160 [2.855919]

B:BD[9.132914] → [11.2655:2705]

∅:D[11.2705] → [9.132964:133068]

B:BD[9.132964] → [9.132964:133068]

        height: calc(max(1200px, 100vh - 105px));
        background-size: calc(min(75vw, (180/70) * 50vh))
            calc(min(50vh, (70/180) * 75vw));

[9.132914]

[9.133068]

        height: calc(min(1200px, 100vh - 66px));

Insertion in src/routes/grain/GrainMain.svelte at line 162 [2.855919]
[9.133089]
[9.133089]
```
        background-size: 100vw calc((70 / 180) * 100vw);
```

Replacement in src/routes/grain/GrainMain.svelte at line 169 [2.855919]

B:BD[9.133232] → [11.2706:2759]

            height: calc(max(800px, 100vh - 105px));

[9.133232]

[9.133284]

            height: calc(max(800px, 100vh - 66px));
            background-size: calc(min(75vw, (180/70) * 50vh))
                calc(min(50vh, (70/180) * 75vw));

Replacement in src/routes/grain/GrainMain.svelte at line 174 [2.855919]
B:BD[9.133300] → [21.188:223]
```
  p {
      text-wrap: balance
  }
```
[9.133300]
[21.223]
```
    p {
        text-wrap: balance;
    }
```
Deletion in src/routes/grain/+layout.svelte at line 37 [2.856748]
∅:D[9.135474] → [2.857871:857872]
B:BD[2.857871] → [2.857871:857872]
B:BD[2.857872] → [19.63860:63913]
∅:D[19.63913] → [9.135676:135682]
B:BD[9.135676] → [9.135676:135682]
∅:D[4.14883] → [2.858155:858164]
∅:D[9.135952] → [2.858155:858164]
∅:D[3.371577] → [2.858155:858164]
B:BD[2.858155] → [2.858155:858164]
```
<style>
    :global body {
        min-width: 490px;
    }
</style>
```

Ajustements CSS

Dependencies

In channels

Change contents

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 17 [12.35959]

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 20 [12.35959]

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 26 [12.35959]

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 33 [12.35959]

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 37 [12.35959]

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 44 [12.35959]

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 47 [12.35959]

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 54 [12.35959]

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 58 [12.35959]

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 65 [12.35959]

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 68 [12.35959]

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 76 [12.35959]

Replacement in src/routes/grain/projet/[id]/expert/+page.svelte at line 79 [12.35959]