|
1 | 1 | <script> |
2 | 2 | import {saveAs }from'file-saver' |
3 | 3 | import*asCleanCSSfrom'clean-css' |
| 4 | +importEmojifrom'svelte-emoji' |
| 5 | +
|
4 | 6 | importCopySaveActionsfrom'./CopySaveActions.svelte' |
5 | 7 | importSavedSizeBadgefrom'./SavedSizeBadge.svelte' |
6 | 8 |
|
|
34 | 36 |
|
35 | 37 | <textareabind:value={input}class="form-control"rows="6"placeholder="enter your raw css here to optimize it..."></textarea> |
36 | 38 | <divclass="row mt-2"> |
37 | | - <buttonclass="btn btn-primary d-inline"style="background-color: #27AAE1;"on:click={optimize}>optimize ➜</button> |
| 39 | + <button |
| 40 | +class="btn btn-primary d-inline" |
| 41 | +style="background-color: #27AAE1;" |
| 42 | +on:click={optimize} |
| 43 | + > |
| 44 | + optimize |
| 45 | + <Emojisymbol="➜" /> |
| 46 | + </button> |
38 | 47 |
|
39 | 48 | <divid="result"class="position-relative ms-2 flex-grow-1 d-flex p-0 align-items-center"style="width: 0;"> |
40 | 49 | <inputclass="form-control"type="text"disabled={optimizedInput===undefined}bind:value={optimizedInput}> |
|