rdarius/ClockyFly
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Model: Qwen 3.6 35B A3

Browse Source 
Prompt: using `~/Downloads/Clockify - Empty Dashboard.html` update dashboard page to look just like the html file. Use linked css/js files to copy design exactly

Stats:
Context: 65,301 tokens
Time: 34m 20s
This commit is contained in:
Darius Rapalis
2026-04-28 22:30:06 +03:00
parent 3ed92810c3
commit 6f45f71b9f
36 changed files with 3770 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
public/Kiosk.svg Normal file
View File

@@ -0,0 +1,9 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="14.5" width="5" height="5" rx="0.5" stroke="#37474F"/>
<rect x="0.5" y="7.5" width="5" height="5" rx="0.5" stroke="#37474F"/>
<rect x="7.5" y="14.5" width="5" height="5" rx="0.5" stroke="#37474F"/>
<rect x="7.5" y="7.5" width="5" height="5" rx="0.5" stroke="#37474F"/>
<rect x="14.5" y="14.5" width="5" height="5" rx="0.5" stroke="#37474F"/>
<rect x="14.5" y="7.5" width="5" height="5" rx="0.5" stroke="#37474F"/>
<rect x="0.5" y="0.5" width="19" height="5" rx="0.5" stroke="#37474F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 606 B

7
public/addon-grey-border.svg Normal file
View File

@@ -0,0 +1,7 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 2H13C13.5523 2 14 2.44772 14 3V5.17071C14.3128 5.06015 14.6494 5 15 5V3C15 1.89543 14.1046 1 13 1H10.8293C10.9398 1.31278 11 1.64936 11 2ZM15 11C14.6494 11 14.3128 10.9398 14 10.8293V13C14 13.5523 13.5523 14 13 14H10.8293C10.9398 14.3128 11 14.6494 11 15H13C14.1046 15 15 14.1046 15 13V11ZM5.17071 1H3C1.89543 1 1 1.89543 1 3V5.17071C1.31278 5.06015 1.64936 5 2 5V3C2 2.44772 2.44772 2 3 2H5C5 1.64936 5.06015 1.31278 5.17071 1ZM1 13V10.8293C1.31278 10.9398 1.64936 11 2 11V13C2 13.5523 2.44772 14 3 14H5.17071C5.06015 14.3128 5 14.6494 5 15H3C1.89543 15 1 14.1046 1 13Z" fill="#90A4AE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.17071 14C5.06016 14.3127 5 14.6493 5 15C5 16.6568 6.34315 18 8 18C9.65685 18 11 16.6568 11 15C11 14.6493 10.9398 14.3127 10.8293 14H9.73242C9.9026 14.2941 10 14.6357 10 15C10 16.1045 9.10457 17 8 17C6.89543 17 6 16.1045 6 15C6 14.6357 6.0974 14.2941 6.26758 14H5.17071Z" fill="#90A4AE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 1.99998C11 3.65684 9.65685 4.99998 8 4.99998C6.34315 4.99998 5 3.65684 5 1.99998C5 1.64935 5.06015 1.31276 5.17071 0.999985H6.26756C6.09739 1.29416 6 1.6357 6 1.99998C6 3.10455 6.89543 3.99998 8 3.99998C9.10457 3.99998 10 3.10455 10 1.99998C10 1.6357 9.90261 1.29416 9.73244 0.999985H10.8293C10.9398 1.31276 11 1.64935 11 1.99998Z" fill="#90A4AE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 10.8293C1.31278 10.9398 1.64936 11 2 11C3.65685 11 5 9.65685 5 8C5 6.34315 3.65685 5 2 5C1.64936 5 1.31278 5.06015 1 5.17071V6.26756C1.29417 6.09739 1.63571 6 2 6C3.10457 6 4 6.89543 4 8C4 9.10457 3.10457 10 2 10C1.63571 10 1.29417 9.90261 1 9.73244V10.8293Z" fill="#90A4AE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14 10.8293C14.3128 10.9398 14.6494 11 15 11C16.6569 11 18 9.65685 18 8C18 6.34315 16.6569 5 15 5C14.6494 5 14.3128 5.06015 14 5.17071V6.26756C14.2942 6.09739 14.6357 6 15 6C16.1046 6 17 6.89543 17 8C17 9.10457 16.1046 10 15 10C14.6357 10 14.2942 9.90261 14 9.73244V10.8293Z" fill="#90A4AE"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

5
public/approvals.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13 1H16.5C16.8 1 17 1.2 17 1.5V9.59971C16.6832 9.43777 16.3486 9.30564 16 9.20703V5H1V16H9.20703C9.30564 16.3486 9.43777 16.6832 9.59971 17H0.5C0.2 17 0 16.8 0 16.5V1.5C0 1.2 0.2 1 0.5 1H4V0.5C4 0.2 4.2 0 4.5 0C4.8 0 5 0.2 5 0.5V1H12V0.5C12 0.2 12.2 0 12.5 0C12.8 0 13 0.2 13 0.5V1ZM1 4H16V2H13V2.5C13 2.8 12.8 3 12.5 3C12.2 3 12 2.8 12 2.5V2H5V2.5C5 2.8 4.8 3 4.5 3C4.2 3 4 2.8 4 2.5V2H1V4ZM4 9V8H5V9H4ZM12 9V8H13V9H12ZM6 8H7V9H6V8ZM10 8H11V9H10V8ZM8 8H9V9H8V8ZM4 11V10H5V11H4ZM6 10H7V11H6V10ZM8 10H9V11H8V10ZM4 13V12H5V13H4ZM6 12H7V13H6V12ZM8 12H9V13H8V12Z" fill="#37474F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.7 15.9001L11.7 13.9001L11 14.7001L13 16.7001L13.7 17.4001L14.4 16.7001L18 13L17.3 12.3L13.7 15.9001Z" fill="#37474F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 20C17.5376 20 20 17.5376 20 14.5C20 11.4624 17.5376 9 14.5 9C11.4624 9 9 11.4624 9 14.5C9 17.5376 11.4624 20 14.5 20ZM14.5 19C16.9853 19 19 16.9853 19 14.5C19 12.0147 16.9853 10 14.5 10C12.0147 10 10 12.0147 10 14.5C10 16.9853 12.0147 19 14.5 19Z" fill="#37474F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

3
public/calendar.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 2H15V0.5C15 0.2 14.8 0 14.5 0C14.2 0 14 0.2 14 0.5V2H5V0.5C5 0.2 4.8 0 4.5 0C4.2 0 4 0.2 4 0.5V2H0.5C0.2 2 0 2.2 0 2.5V18.5C0 18.8 0.2 19 0.5 19H18.5C18.6 19 18.6 19 18.7 19C18.9 18.9 19 18.7 19 18.5V2.5C19 2.2 18.8 2 18.5 2ZM18 18H1V7H18V18ZM18 6H1V3H4V4.5C4 4.8 4.2 5 4.5 5C4.8 5 5 4.8 5 4.5V3H14V4.5C14 4.8 14.2 5 14.5 5C14.8 5 15 4.8 15 4.5V3H18V6ZM5 10H4V11H5V10ZM15 10H14V11H15V10ZM13 10H12V11H13V10ZM7 10H6V11H7V10ZM11 10H10V11H11V10ZM9 10H8V11H9V10ZM5 12H4V13H5V12ZM15 12H14V13H15V12ZM13 12H12V13H13V12ZM7 12H6V13H7V12ZM11 12H10V13H11V12ZM9 12H8V13H9V12ZM5 14H4V15H5V14ZM15 14H14V15H15V14ZM13 14H12V15H13V14ZM7 14H6V15H7V14ZM11 14H10V15H11V14ZM9 14H8V15H9V14Z" fill="#37474F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 844 B

3
public/chevron-down.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.35937 5.64063C5.62453 5.9058 6.05443 5.9058 6.31959 5.64063L10.6406 1.31961C10.9058 1.05446 10.9058 0.62455 10.6406 0.359392C10.3754 0.0942327 9.94554 0.0942327 9.68039 0.359392L5.83948 4.20029L1.99857 0.359391C1.73342 0.0942323 1.30351 0.0942323 1.03835 0.359391C0.773185 0.62455 0.773185 1.05446 1.03835 1.31961L5.35937 5.64063Z" fill="#90A4AE"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 462 B

3
public/clients.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM10 19.1C7.7 19.1 5.7 18.3 4.1 16.9C5.3 15.8 5.9 15.5 7.3 14.9C8.9 14.2 9.49741 13.1975 8.76772 11.5621C8.66772 11.2621 8.48357 11.0112 8.28357 10.7112C7.78357 9.81119 7.32067 9.19542 7.32067 6.61503C7.22067 4.01503 8.5 4 9.5 4C10.2 4 10.6 3.9 10.8 3.8C11 3.7 11.1 3.62844 11.3 3.62844C12.1 3.62844 13.1 4.5 13.1 6.9C13.1 9.3 12.7 9.8 12.2 10.8C12.1 11.1 11.9 11.3 11.7 11.7C11.4 12.3 11.3 12.9 11.5 13.5C11.7 14.2 12.4652 14.6566 13.5652 15.1566C14.4652 15.5566 15.5593 16.5 16.0593 16.9C14.5593 18.1 12.3 19.1 10 19.1ZM16.6 16.2C16.1 15.7 15 14.8 14 14.3C13.1 13.9 12.6 13.5 12.5 13C12.4 12.7 12.4 12.3 12.6 11.9C12.8 11.6 12.9 11.3 13 11.1C13.6 10.1 14 9.4 14 6.8C14 2.9 11.8 2.7 11.3 2.7C10.9 2.7 10.7 2.8 10.5 2.9C10.3 3 10.1 3.1 9.5 3.1C8.5 3.1 6.3 3.2 6.3 6.7C6.3 9.2 6.9 10.3 7.5 11.3C7.6 11.5 7.8 11.8 7.9 12C8.3 13 8 13.7 6.9 14.2C5.5 14.8 4.82107 14.9 3.42107 16.2C1.82107 14.6 0.968403 12.5 0.968403 10C0.968403 4.9 5 1.02993 10 1.02993C15 1.02993 18.9808 5 18.9808 10C18.9808 12.4 18.2 14.6 16.6 16.2Z" fill="#37474F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

15
public/clockify-logo.svg Normal file
View File

@@ -0,0 +1,15 @@
<svg width="118" height="30" viewBox="0 0 118 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.5 0H6.5C2.91015 0 0 2.91015 0 6.5V23.5C0 27.0899 2.91015 30 6.5 30H23.5C27.0899 30 30 27.0899 30 23.5V6.5C30 2.91015 27.0899 0 23.5 0Z" fill="#03A9F4"/>
<path d="M19.104 8.33813C19.6276 7.81372 19.5148 6.9324 18.8235 6.66702C17.8587 6.29668 16.8112 6.09375 15.7164 6.09375C10.9197 6.09375 7.03125 9.98887 7.03125 14.7937C7.03125 19.5986 10.9197 23.4937 15.7164 23.4937C16.8045 23.4937 17.8458 23.2933 18.8056 22.9273C19.4988 22.663 19.6126 21.78 19.0881 21.2546C18.7483 20.9142 18.2339 20.8347 17.7778 20.9866C17.1314 21.2019 16.44 21.3184 15.7214 21.3184C12.1239 21.3184 9.20756 18.3971 9.20756 14.7934C9.20756 11.1897 12.1239 8.26841 15.7214 8.26841C16.4452 8.26841 17.1414 8.38667 17.7918 8.60491C18.2483 8.75808 18.7637 8.6791 19.104 8.33813Z" fill="white"/>
<path d="M17.0312 14.8938C17.0312 15.5013 16.5388 15.9938 15.9312 15.9938C15.3237 15.9938 14.8312 15.5013 14.8312 14.8938C14.8312 14.2862 15.3237 13.7938 15.9312 13.7938C16.5388 13.7938 17.0312 14.2862 17.0312 14.8938Z" fill="white"/>
<path d="M17.6268 11.7486C17.2327 12.1402 17.2327 12.775 17.6268 13.1665C18.0208 13.5581 18.6597 13.5581 19.0537 13.1665L22.3357 9.90532C22.7298 9.51377 22.7298 8.87896 22.3357 8.4874C21.9417 8.09587 21.3028 8.09587 20.9088 8.4874L17.6268 11.7486Z" fill="white"/>
<path d="M17.6268 17.8389C17.2327 17.4473 17.2327 16.8125 17.6268 16.421C18.0208 16.0294 18.6597 16.0294 19.0537 16.421L22.3357 19.6822C22.7298 20.0737 22.7298 20.7085 22.3357 21.1001C21.9417 21.4916 21.3028 21.4916 20.9088 21.1001L17.6268 17.8389Z" fill="white"/>
<path d="M35.4987 15.2728C35.4987 11.9942 38.1083 9.40688 41.3203 9.40688C43.5061 9.40688 45.3798 10.6113 46.3612 12.4625L44.376 13.5554C43.7738 12.4179 42.6363 11.7042 41.298 11.7042C39.3797 11.7042 37.9076 13.2878 37.9076 15.2505C37.9076 17.2356 39.3797 18.73 41.298 18.73C42.5916 18.73 43.6623 18.1501 44.3091 17.0795L46.3389 18.1501C45.3575 19.9567 43.4838 21.0496 41.3203 21.0496C38.1083 21.0496 35.4987 18.5515 35.4987 15.2728Z" fill="black"/>
<path d="M48.4089 4.70073H51.0855V20.8042H48.4089V4.70073Z" fill="black"/>
<path d="M53.1375 15.2728C53.1375 11.9942 55.7695 9.40688 58.9815 9.40688C62.2157 9.40688 64.8477 11.9942 64.8477 15.2728C64.8477 18.5515 62.2157 21.0273 58.9815 21.0273C55.7695 21.0273 53.1375 18.5515 53.1375 15.2728ZM55.5688 15.2505C55.5688 17.2133 57.0632 18.7077 58.9815 18.7077C60.8997 18.7077 62.4164 17.2133 62.4164 15.2505C62.4164 13.3101 60.8997 11.7042 58.9815 11.7042C57.0632 11.7042 55.5688 13.3101 55.5688 15.2505Z" fill="black"/>
<path d="M66.2551 15.2728C66.2551 11.9942 68.8648 9.40688 72.0768 9.40688C74.2626 9.40688 76.1363 10.6113 77.1177 12.4625L75.1325 13.5554C74.5303 12.4179 73.3927 11.7042 72.0544 11.7042C70.1362 11.7042 68.6641 13.2878 68.6641 15.2505C68.6641 17.2356 70.1362 18.73 72.0544 18.73C73.3481 18.73 74.4188 18.1501 75.0656 17.0795L77.0954 18.1501C76.114 19.9567 74.2403 21.0496 72.0768 21.0496C68.8648 21.0496 66.2551 18.5515 66.2551 15.2728Z" fill="black"/>
<path d="M89.784 9.51116L85.5446 14.0238L90.0502 20.8042H86.9721L83.6933 15.6966L81.5743 17.9047V20.8042H78.8977V9.40688H81.5743V14.9606L86.6714 9.51116H89.784Z" fill="black"/>
<path d="M93.2074 7.91251C92.2706 7.91251 91.5122 7.13187 91.5122 6.21741C91.5122 5.28064 92.2706 4.5223 93.2074 4.5223C94.1442 4.5223 94.9026 5.28064 94.9026 6.21741C94.9026 7.13187 94.1442 7.91251 93.2074 7.91251ZM91.8691 20.8042V9.65223H94.5457V20.8042H91.8691Z" fill="black"/>
<path d="M102.811 4.5C103.748 4.5 104.395 4.65613 104.864 4.94608V7.04266C104.529 6.90883 103.837 6.7081 103.302 6.7081C102.075 6.7081 101.362 7.288 101.362 8.42551V9.76375H104.93V11.8157H101.451V20.8042H98.7743V11.8157H96.7445V9.76375H98.7743V8.15786C98.7743 5.79363 100.336 4.5 102.811 4.5Z" fill="black"/>
<path d="M113.091 21.8525C112.065 24.6405 110.838 25.5996 108.674 25.5996C107.47 25.5996 106.622 25.332 105.953 24.7074L106.667 22.7447C107.158 23.3469 107.782 23.503 108.518 23.503C109.344 23.503 109.968 23.2131 110.414 22.0087L110.86 20.8935L109.656 18.0831L106.221 9.65223H109.187L111.507 16.1873L112.132 18.1724L112.845 16.0312L115.054 9.65223H117.797L113.091 21.8525Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

3
public/dashboard.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.4 20H11.6039C11.3039 20 11.0039 19.7 11.0039 19.4V11.6C11.0039 11.3 11.3039 11 11.6039 11H19.4C19.7 11 20 11.3 20 11.6V19.4C20 19.7 19.7 20 19.4 20ZM19 12H12V19H19V12ZM19.4 9H11.6039C11.3039 9 11.0039 8.69999 11.0039 8.39999V0.600006C11.0039 0.300006 11.3039 0 11.6039 0H19.4C19.7 0 20 0.300006 20 0.600006V8.39999C20 8.69999 19.7 9 19.4 9ZM19 1H12V8H19V1ZM8.4 20H0.6141C0.314099 20 0.0140991 19.7 0.0140991 19.4V11.6C0.0140991 11.3 0.314099 11 0.6141 11H8.4C8.7 11 9 11.3 9 11.6V19.4C9 19.7 8.7 20 8.4 20ZM8 12H1V19H8V12ZM8.4 9H0.6141C0.314099 9 0.0140991 8.69999 0.0140991 8.39999V0.600006C0.0140991 0.300006 0.314099 0 0.6141 0H8.4C8.7 0 9 0.300006 9 0.600006V8.39999C9 8.69999 8.7 9 8.4 9ZM8 1H1V8H8V1Z" fill="#37474F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 841 B

8
public/drag-item.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="8" cy="5" r="1" fill="black" fill-opacity="0.54"/>
<circle cx="8" cy="10" r="1" fill="black" fill-opacity="0.54"/>
<circle cx="8" cy="15" r="1" fill="black" fill-opacity="0.54"/>
<circle cx="12" cy="5" r="1" fill="black" fill-opacity="0.54"/>
<circle cx="12" cy="10" r="1" fill="black" fill-opacity="0.54"/>
<circle cx="12" cy="15" r="1" fill="black" fill-opacity="0.54"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 488 B

BIN
public/empty-tracker-icon.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

9
public/expenses.svg Normal file
View File

@@ -0,0 +1,9 @@
<svg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.31023 19.2912L4.92612 19.6113L5.31022 19.2912L5.2087 19.1694C4.58318 18.4188 3.41149 18.4814 2.86949 19.2944C2.78385 19.4228 2.63967 19.5 2.48528 19.5H1.95416C1.15105 19.5 0.5 18.849 0.5 18.0458V1.8541C0.5 1.10625 1.10625 0.5 1.8541 0.5H2.42444C2.5878 0.5 2.73713 0.592293 2.81018 0.738401C3.31004 1.73812 4.71168 1.80472 5.30407 0.856889L5.38388 0.729184C5.47161 0.588824 5.63134 0.5 5.80209 0.5C5.97514 0.5 6.13559 0.594251 6.2177 0.740214C6.78016 1.74015 8.21984 1.74015 8.7823 0.740213C8.86441 0.594252 9.02486 0.5 9.19791 0.5C9.36866 0.5 9.52839 0.588823 9.61612 0.729185L9.69593 0.85689C10.2883 1.80472 11.69 1.73812 12.1898 0.738401L11.7426 0.514794L12.1898 0.7384C12.2629 0.592294 12.4122 0.5 12.5756 0.5H13.1459C13.8937 0.5 14.5 1.10625 14.5 1.8541V18.0458C14.5 18.8489 13.8489 19.5 13.0458 19.5H12.5147C12.3603 19.5 12.2162 19.4228 12.1305 19.2944C11.5885 18.4814 10.4168 18.4188 9.7913 19.1694L9.68977 19.2912C9.57955 19.4235 9.41626 19.5 9.24407 19.5H9.13636C8.97183 19.5 8.8169 19.4225 8.71818 19.2909C8.10909 18.4788 6.89091 18.4788 6.28182 19.2909C6.1831 19.4225 6.02817 19.5 5.86364 19.5H5.75592C5.58374 19.5 5.42045 19.4235 5.31023 19.2912Z" stroke="#37474F" stroke-linecap="round"/>
<rect x="3" y="6" width="5" height="1" rx="0.5" fill="#37474F"/>
<rect x="3" y="8" width="9" height="1" rx="0.5" fill="#37474F"/>
<rect x="3" y="10" width="7" height="1" rx="0.5" fill="#37474F"/>
<rect x="3" y="12" width="9" height="1" rx="0.5" fill="#37474F"/>
<rect x="3" y="14" width="4" height="1" rx="0.5" fill="#37474F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

3
public/help.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 14H10V13H9V14ZM9.5 0C4.23182 0 0 4.275 0 9.5C0 14.7682 4.23182 19 9.5 19C14.7682 19 19 14.7682 19 9.5C19 4.275 14.7682 0 9.5 0ZM9.5 18C4.75 18 1.00781 14.25 1.00781 9.5C1.00781 4.75 4.75 1.02597 9.5 1.02597C14.25 1.02597 18.0078 4.75 18.0078 9.5C18.0078 14.25 14.25 18 9.5 18ZM11.3318 5.99773C10.808 5.57864 10.1593 5.39339 9.5 5.39339C8.85354 5.39339 8.17744 5.64678 7.71484 6.10938C7.45575 6.36847 7.25845 6.67408 7.12891 7.01953C7.0116 7.33235 7 7.66603 7 7.99609H7.99609V7.86655C7.99609 7.44047 8.05579 7.12419 8.32812 6.78377C8.59418 6.42903 9.07338 6.29106 9.5 6.29106C9.9669 6.29106 10.3037 6.39334 10.6755 6.67218C10.9823 6.97902 11.1159 7.29372 11.1159 7.725C11.1159 7.98409 11.0295 8.24319 10.9 8.50228C10.7705 8.71819 10.5948 8.90128 10.3789 9.11719C10.1198 9.3331 9.90681 9.58183 9.73408 9.75455C9.56136 9.92728 9.38863 10.1432 9.30226 10.3159C9.17272 10.5318 9.08637 10.7477 9.04319 11.0068C9 11.2659 9 11.5547 9 11.9136V12H10V11.9136C10 11.5682 9.99318 11.2852 9.99318 11.0932C10 10.8633 10.0795 10.7909 10.1227 10.6614C10.2091 10.5318 10.3119 10.4186 10.4414 10.2891C10.571 10.1595 10.7704 9.97046 11.0295 9.71137C11.3318 9.4091 11.5732 9.13842 11.7891 8.79297C11.978 8.4907 12.0781 8.15078 12.0781 7.67578C12.0781 7.03925 11.8372 6.40202 11.3318 5.99773Z" fill="#90A4AE"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

3
public/info-icon-bold-white.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 15H11V9H9V15ZM10 7C10.2833 7 10.5208 6.90417 10.7125 6.7125C10.9042 6.52083 11 6.28333 11 6C11 5.71667 10.9042 5.47917 10.7125 5.2875C10.5208 5.09583 10.2833 5 10 5C9.71667 5 9.47917 5.09583 9.2875 5.2875C9.09583 5.47917 9 5.71667 9 6C9 6.28333 9.09583 6.52083 9.2875 6.7125C9.47917 6.90417 9.71667 7 10 7ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

4
public/invoices.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.3999 20H2.63052C2.33052 20 2.03052 19.7 2.03052 19.4V0.600006C2.03052 0.300006 2.33052 0 2.63052 0H13.8999C14.1999 0 14.274 0.0442007 14.3972 0.18629C14.4638 0.263199 14.5253 0.309343 14.5999 0.399994L17.5999 3.19998C17.6999 3.29998 17.6999 3.29999 17.7999 3.39999C17.8999 3.49999 17.9999 3.69999 17.9999 3.89999V19.4C17.9999 19.7 17.6999 20 17.3999 20ZM13.9999 0.899994V4H16.8999L13.9999 0.899994ZM16.9999 4.89999H13.8999C13.2999 4.89999 12.9999 4.49999 12.9999 3.89999V0.899994H3.03052V19H16.9999V4.89999ZM11.7999 7H14.4999C14.7999 7 14.9999 7.2 14.9999 7.5C14.9999 7.8 14.7999 8 14.4999 8H11.7999C11.4999 8 11.2999 7.8 11.2999 7.5C11.2999 7.2 11.4999 7 11.7999 7ZM11.7999 10H14.4999C14.7999 10 14.9999 10.2 14.9999 10.5C14.9999 10.8 14.7999 11 14.4999 11H11.7999C11.4999 11 11.2999 10.8 11.2999 10.5C11.2999 10.2 11.4999 10 11.7999 10ZM11.7999 13H14.4999C14.7999 13 14.9999 13.2 14.9999 13.5C14.9999 13.8 14.7999 14 14.4999 14H11.7999C11.4999 14 11.2999 13.8 11.2999 13.5C11.2999 13.2 11.4999 13 11.7999 13ZM5.53052 16H14.4999C14.7999 16 14.9999 16.2 14.9999 16.5C14.9999 16.8 14.7999 17 14.4999 17H5.53052C5.23052 17 5.03052 16.8 5.03052 16.5C5.03052 16.2 5.23052 16 5.53052 16Z" fill="#37474F"/>
<path d="M7 3H8V5.04593C8.87695 5.18106 10 5.68438 10 7.4192H9.04968L9.04855 7.4027C9.04797 7.39428 9.04739 7.38572 9.04681 7.37704C9.01387 6.88928 8.95316 5.99005 7.55823 5.99005C6.44592 5.99005 6.01514 6.44 6.01514 6.9776C6.01514 7.81011 6.54652 8.0788 7.28585 8.45263C7.33086 8.47538 7.37665 8.49853 7.42313 8.52222L7.50853 8.56631L7.9362 8.77462C9.0701 9.31222 9.99997 9.7744 9.99997 10.984C9.99997 12.1195 9.13726 12.848 8 12.9788V15H7V12.9541C6.12305 12.8189 5 12.3156 5 10.5808H5.95032L5.95145 10.5973C5.98439 11.0784 6.20441 12.0296 7.62418 12.0296C8.73648 12.0296 8.98486 11.56 8.98486 11.0224C8.98486 10.2103 8.46352 9.94899 7.74998 9.5913C7.68748 9.55996 7.62346 9.52787 7.55823 9.49462L7.47283 9.45055L7.04516 9.24223C5.91126 8.70463 5.00003 8.2256 5.00003 7.016C5.00003 5.88055 5.86274 5.15203 7 5.02123V3Z" fill="#37474F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

80
public/main-5JBRH7IL.js Normal file
View File

File diff suppressed because one or more lines are too long

5
public/menu-dots-vertical.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="5" height="21" viewBox="0 0 5 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="2.5" cy="2.5" r="2" stroke="#999999"/>
<circle cx="2.5" cy="10.5" r="2" stroke="#999999"/>
<circle cx="2.5" cy="18.5" r="2" stroke="#999999"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 256 B

6
public/navbar-hamburger.svg Normal file
View File

@@ -0,0 +1,6 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="2" width="20" height="1" fill="#90A4AE"/>
<rect y="7" width="20" height="1" fill="#90A4AE"/>
<rect y="12" width="20" height="1" fill="#90A4AE"/>
<rect y="17" width="20" height="1" fill="#90A4AE"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 309 B

3
public/notification.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 14.1C16 10.9 12.4878 10.9 12.4878 6.4C12.4878 4.5 11.4146 2.9 9.7561 2.2C9.7561 2.1 9.7561 2 9.7561 1.8C9.7561 0.799999 8.97561 0 8 0C7.02439 0 6.2439 0.799999 6.2439 1.8C6.2439 1.9 6.2439 2 6.2439 2.2C4.68292 2.9 3.51219 4.5 3.51219 6.4C3.51219 10.9 0 10.9 0 14.1C0 15.5 2.2439 16.7 5.36586 17.1C5.36586 17.2 5.36586 17.2 5.36586 17.3C5.36586 18.8 6.53658 20 8 20C9.46342 20 10.6341 18.8 10.6341 17.3C10.6341 17.2 10.6341 17.2 10.6341 17.1C13.7561 16.7 16 15.5 16 14.1ZM8 0.900002C8.48781 0.900002 8.87804 1.3 8.87804 1.8C8.87804 2.3 8.48781 2.7 8 2.7C7.5122 2.7 7.12196 2.3 7.12196 1.8C7.12196 1.3 7.5122 0.900002 8 0.900002ZM2.24391 11.6C3.21952 10.5 4.4878 9.2 4.4878 6.3C4.4878 4.8 5.36585 3.5 6.7317 2.9C7.02439 3.3 7.5122 3.5 8.09757 3.5C8.68293 3.5 9.07317 3.2 9.46342 2.9C10.7317 3.4 11.7073 4.7 11.7073 6.3C11.7073 9.1 12.9756 10.5 13.9512 11.6C14.1463 11.8 14.3415 12 14.439 12.2C13.561 13 11.122 13.6 8.09757 13.6C5.17074 13.6 2.63415 13 1.7561 12.2C1.85366 12 2.04878 11.8 2.24391 11.6ZM8 19.1C7.02439 19.1 6.2439 18.3 6.2439 17.3V17.2C6.82927 17.3 7.41463 17.3 8 17.3C8.58537 17.3 9.17074 17.3 9.7561 17.2V17.3C9.7561 18.3 8.97561 19.1 8 19.1ZM8 16.4C3.41463 16.4 0.878043 14.9 0.878043 14.1C0.878043 13.6 0.975607 13.2 1.17073 12.9C2.34146 13.9 4.97561 14.6 8 14.6C11.0244 14.6 13.561 13.9 14.8293 12.9C15.0244 13.3 15.122 13.6 15.122 14.1C15.122 14.9 12.5854 16.4 8 16.4Z" fill="#90A4AE"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

4
public/plus-blue.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 19C14.7467 19 19 14.7467 19 9.5C19 4.25329 14.7467 0 9.5 0C4.25329 0 0 4.25329 0 9.5C0 14.7467 4.25329 19 9.5 19ZM9.50001 18.05C14.222 18.05 18.05 14.222 18.05 9.5C18.05 4.77797 14.222 0.95 9.50001 0.95C4.77798 0.95 0.950012 4.77797 0.950012 9.5C0.950012 14.222 4.77798 18.05 9.50001 18.05Z" fill="#03A9F4"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.97983 4.75005L9.03938 4.75005L9.03938 9.02062L4.76881 9.02062V9.96107L9.03938 9.96107L9.03938 14.2316L9.97983 14.2316L9.97983 9.96107L14.2504 9.96107V9.02062L9.97983 9.02062L9.97983 4.75005Z" fill="#03A9F4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 727 B

2
public/polyfills-5CFQRCPP.js Normal file
View File

File diff suppressed because one or more lines are too long

3
public/projects.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.4 20H2.63058C2.33058 20 2.03058 19.7 2.03058 19.4V0.600006C2.03058 0.300006 2.33058 0 2.63058 0H13.9C14.2 0 14.2741 0.0442007 14.3972 0.18629C14.4639 0.263199 14.5254 0.309343 14.6 0.399994L17.6 3.19998C17.7 3.29998 17.7 3.29999 17.8 3.39999C17.9 3.49999 18 3.69999 18 3.89999V19.4C18 19.7 17.7 20 17.4 20ZM14 0.899994V4H16.9L14 0.899994ZM17 4.89999H13.9C13.3 4.89999 13 4.49999 13 3.89999V0.899994H3.03058V19H17V4.89999ZM5.53058 4H10.5C10.8 4 11 4.2 11 4.5C11 4.8 10.8 5 10.5 5H5.53058C5.23058 5 5.03058 4.8 5.03058 4.5C5.03058 4.2 5.23058 4 5.53058 4ZM5.53058 7H14.5C14.8 7 15 7.2 15 7.5C15 7.8 14.8 8 14.5 8H5.53058C5.23058 8 5.03058 7.8 5.03058 7.5C5.03058 7.2 5.23058 7 5.53058 7ZM5.53058 10H14.5C14.8 10 15 10.2 15 10.5C15 10.8 14.8 11 14.5 11H5.53058C5.23058 11 5.03058 10.8 5.03058 10.5C5.03058 10.2 5.23058 10 5.53058 10ZM5.53058 13H14.5C14.8 13 15 13.2 15 13.5C15 13.8 14.8 14 14.5 14H5.53058C5.23058 14 5.03058 13.8 5.03058 13.5C5.03058 13.2 5.23058 13 5.53058 13ZM5.53058 16H14.5C14.8 16 15 16.2 15 16.5C15 16.8 14.8 17 14.5 17H5.53058C5.23058 17 5.03058 16.8 5.03058 16.5C5.03058 16.2 5.23058 16 5.53058 16Z" fill="#37474F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

3
public/reports.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.4 20H15.6C15.3 20 15 19.7 15 19.4V0.600006C15 0.300006 15.3 0 15.6 0H18.4C18.7 0 19 0.300006 19 0.600006V19.4C19 19.7 18.7 20 18.4 20ZM18 1H16V19H18V1ZM13.4 20H10.7C10.4 20 10.1 19.7 10.1 19.4V10.6C10.1 10.3 10.4 10 10.7 10H13.4C13.7 10 14 10.3 14 10.6V19.4C14 19.7 13.7 20 13.4 20ZM13 11H11V19H13V11ZM8.4 20H5.7C5.4 20 5.1 19.7 5.1 19.4V6.70001C5.1 6.40001 5.4 6.10001 5.7 6.10001H8.4C8.7 6.10001 9 6.40001 9 6.70001V19.4C9 19.7 8.7 20 8.4 20ZM8 7H6V19H8V7ZM3.3 20H0.6C0.3 20 0 19.7 0 19.4V14.6C0 14.3 0.3 14 0.6 14H3.3C3.6 14 3.9 14.3 3.9 14.6V19.4C3.9 19.7 3.6 20 3.3 20ZM3 15H1V19H3V15Z" fill="#37474F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 725 B

5
public/scheduling.svg Normal file
View File

@@ -0,0 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 1C0.447715 1 0 1.44772 0 2V5C0 5.55228 0.447715 6 1 6H13C13.5523 6 14 5.55228 14 5V2C14 1.44772 13.5523 1 13 1H1ZM13 2H1V5H13V2Z" fill="#37474F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7C6.44772 7 6 7.44772 6 8V11C6 11.5523 6.44772 12 7 12H19C19.5523 12 20 11.5523 20 11V8C20 7.44772 19.5523 7 19 7H7ZM19 8H7V11H19V8Z" fill="#37474F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 13C0.447715 13 0 13.4477 0 14V17C0 17.5523 0.447715 18 1 18H13C13.5523 18 14 17.5523 14 17V14C14 13.4477 13.5523 13 13 13H1ZM13 14H1V17H13V14Z" fill="#37474F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 718 B

2
public/scripts-7RCMKUBL.js Normal file
View File

File diff suppressed because one or more lines are too long

11
public/sidebar-toggler-union-close.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_72820_12645)">
<rect width="20" height="20" rx="2" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.02017 10.4801C4.755 10.215 4.755 9.78505 5.02017 9.51989L9.34118 5.19888C9.60634 4.93371 10.0362 4.93371 10.3014 5.19888C10.5666 5.46403 10.5666 5.89394 10.3014 6.15909L6.4605 10L10.3014 13.8409C10.5666 14.1061 10.5666 14.536 10.3014 14.8011C10.0362 15.0663 9.60634 15.0663 9.34118 14.8011L5.02017 10.4801ZM14.0199 14.8011L9.69888 10.4801C9.43371 10.215 9.43371 9.78505 9.69888 9.51989L14.0199 5.19888C14.285 4.93371 14.715 4.93371 14.9801 5.19888C15.2453 5.46403 15.2453 5.89394 14.9801 6.15909L11.1392 10L14.9801 13.8409C15.2453 14.1061 15.2453 14.536 14.9801 14.8011C14.715 15.0663 14.285 15.0663 14.0199 14.8011Z" fill="#90A4AE"/>
</g>
<defs>
<clipPath id="clip0_72820_12645">
<rect width="20" height="20" rx="2" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 998 B

1
public/styles-4TFPR7GT.css Normal file
View File

File diff suppressed because one or more lines are too long

10
public/tag-gray.svg Normal file
View File

@@ -0,0 +1,10 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M19.7753 11.0553L9.08864 0.301508C8.98877 0.201005 8.78901 0.100503 8.68914 0.100503L0.599251 0C0.299625 0 0 0.301508 0 0.603015L0.0998752 8.24121C0.0998752 8.44221 0.19975 8.54271 0.299625 8.74372L11.2859 19.799C11.3858 19.8995 11.5855 20 11.6854 20C11.8851 20 11.985 19.8995 12.0849 19.799L19.7753 12.0603C20.0749 11.7588 20.0749 11.3568 19.7753 11.0553ZM11.6854 18.794L1.09863 8.0402L0.998752 1.00503L8.48939 1.10553L18.8764 11.5578L11.6854 18.794ZM4.39451 4.52261C3.79526 5.12563 3.79526 6.13065 4.39451 6.73367C4.99376 7.33668 5.99251 7.33668 6.59176 6.73367C7.19101 6.13065 7.19101 5.12563 6.59176 4.52261C6.09238 3.9196 5.09363 3.9196 4.39451 4.52261Z" fill="#90A4AE"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 915 B

10
public/tags.svg Normal file
View File

@@ -0,0 +1,10 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M19.7753 11.0553L9.08864 0.301508C8.98876 0.201005 8.78901 0.100503 8.68914 0.100503L0.599251 0C0.299625 0 0 0.301508 0 0.603015L0.0998752 8.24121C0.0998752 8.44221 0.19975 8.54271 0.299625 8.74372L11.2859 19.799C11.3858 19.8995 11.5855 20 11.6854 20C11.8851 20 11.985 19.8995 12.0849 19.799L19.7753 12.0603C20.0749 11.7588 20.0749 11.3568 19.7753 11.0553ZM11.6854 18.794L1.09863 8.0402L0.998752 1.00503L8.48939 1.10553L18.8764 11.5578L11.6854 18.794ZM4.39451 4.52261C3.79526 5.12563 3.79526 6.13065 4.39451 6.73367C4.99376 7.33668 5.99251 7.33668 6.59176 6.73367C7.19101 6.13065 7.19101 5.12563 6.59176 4.52261C6.09238 3.9196 5.09363 3.9196 4.39451 4.52261Z" fill="#37474F"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 915 B

3
public/teams.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.2 12.7C19 13 20 13.7 20 15.5C20 15.5 20 16 19.5 16H17.5C17.4 15.7 17.2 15.3 17.1 15H19.1C19 14.1 18.4 13.8 17.8 13.6C17.2 13.4 16.5277 12.6 16.5277 11.1C16.5277 9.70001 17.4016 9.19999 17.6016 8.89999C17.6016 8.79999 17.7016 8.60001 17.6016 8.10001C17.6016 7.90001 17.6016 7.7 17.7016 7.5C17.9016 7.1 18.1 6.29999 17.9 5.79999C17.5 4.79999 17.3 4.59999 16.9 4.39999C16.9 4.39999 16.8 4.39999 16.8 4.29999C16.7 4.19999 16.2 4.10001 15.8 4.10001C15.6 4.10001 15.4 4.10001 15.2 4.20001C15.2 4.00001 15.1 3.90001 15 3.70001C14.9 3.60001 14.9 3.39999 14.8 3.29999C15.1 3.19999 15.4 3.10001 15.7 3.10001C16.4 3.10001 17.1 3.4 17.3 3.5C18 3.8 18.3 4.29999 18.8 5.39999C19.2 6.29999 18.7 7.39999 18.5 7.89999C18.8 9.09999 18.4 9.5 18.4 9.5C18.2 9.8 17.5 10.2 17.5 11.4C17.5 12.5 18.2 12.7 18.2 12.7ZM13.4 9.5C13.1 9.9 12.5 10.4 12.5 11.9C12.5 13.6 13.6 14 13.6 14C14.6 14.4 16.4 15.1 16.4 17.5C16.4 17.5 16.4 18 15.9 18H3.9C3.4 18 3.4 17.5 3.4 17.5C3.4 15 5.2 14.3 6.3 14C6.3 14 7.5 13.6 7.5 11.9C7.5 10.4 6.7 9.9 6.5 9.5C6.5 9.5 6.1 9 6.4 7.5C6.1 6.8 5.5 5.49999 6 4.29999C6.6 2.89999 7.3 1.9 8.2 1.5C8.5 1.3 9.7 1 10.5 1C10.9 1 11.8 1.09999 12.2 1.29999C12.7 1.59999 13.2 2.70001 13.6 3.70001C14.3 5.40001 14 6.7 13.4 7.5C13.9 9 13.4 9.5 13.4 9.5ZM12.7 4C12.3 3.1 12.1 2.30001 11.8 2.10001C11.6 2.00001 10.9 1.89999 10.5 1.89999C9.8 1.89999 8.8 2.20001 8.7 2.20001C8.7 2.20001 8.6 2.19999 8.6 2.29999C7.9 2.59999 7.4 3.4 7 4.5C6.7 5.3 6.99008 6.39999 7.19008 6.89999C7.19008 6.89999 7.39008 7.1 7.29008 7.5C7.09008 8.3 7.19008 8.70001 7.19008 8.70001C7.19008 8.70001 7.29008 8.79999 7.29008 8.89999C7.59008 9.29999 8.43509 10.1 8.43509 11.7C8.43509 13.6 7.5 14.4 6.6 14.7C5.5 15.1 4.57922 15.7256 4.37922 17.0256H15.4792C15.2792 15.7256 14.5 15.1 13.4 14.7C12.6 14.5 11.6295 13.6 11.6295 11.7C11.6295 10.1 12.1 9.69999 12.5 9.29999C12.6 9.19999 12.7 9.10001 12.7 9.10001C12.7 9.00001 12.8 8.30001 12.6 7.60001C12.5 7.30001 12.6 7.09999 12.7 6.89999C12.9 6.59999 13.5 5.7 12.7 4ZM4.9 4.10001C4.7 4.00001 4.6 4 4.3 4C3.8 4 3.4 4.20001 3.3 4.20001C3.3 4.20001 3.17754 4.26809 3.11373 4.29999C2.71373 4.49999 2.55002 4.51588 2.15002 5.51588C1.95002 6.11588 2.27517 6.97341 2.47517 7.37341C2.57517 7.57341 2.5299 7.79214 2.5299 7.99214C2.4299 8.49214 2.5 8.69999 2.6 8.79999C2.8 9.09999 3.6 9.70001 3.6 11.1C3.6 12.1843 2.9 13.4 2.2 13.5C1.6 13.7 1.1 14.1 0.9 15H2.9C2.7 15.3 2.6 15.6 2.5 16H0.5C0 16 0 15.5 0 15.5C0 13.7 0.999999 12.9 1.8 12.6C1.8 12.6 2.6 12.3807 2.6 10.9807C2.6 9.78073 1.96224 9.65462 1.76224 9.35462C1.76224 9.35462 1.2 8.7 1.5 7.5C1.3 7 0.800001 6 1.2 5C1.7 3.9 2 3.67568 2.7 3.37568C2.9 3.17568 3.7 2.97568 4.3 2.97568C4.6 2.97568 4.9 3.07567 5.2 3.17567C5.1 3.27567 5.1 3.47566 5 3.57566C5 4.07566 4.9 3.90001 4.9 4.10001Z" fill="#37474F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

18
public/time-off-sidebar.svg Normal file
View File

@@ -0,0 +1,18 @@
<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="9" y="2" width="1" height="8" rx="0.5" fill="#37474F"/>
<rect x="15" y="9" width="1" height="6" rx="0.5" transform="rotate(90 15 9)" fill="#37474F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.118896C3.48106 0.839122 0 4.74616 0 9.50371C0 14.2592 3.49833 18.1618 8 18.8812V17.9694C4.00783 17.2416 0.95 13.6704 0.95 9.50371C0.95 5.33699 4.00783 1.80628 8 1.08734V0.118896Z" fill="#37474F"/>
<circle cx="9.5" cy="0.5" r="0.5" fill="#37474F"/>
<circle cx="18.5" cy="9.5" r="0.5" transform="rotate(90 18.5 9.5)" fill="#37474F"/>
<circle cx="11.8291" cy="0.806708" r="0.5" transform="rotate(15 11.8291 0.806708)" fill="#37474F"/>
<circle cx="18.1933" cy="11.8294" r="0.5" transform="rotate(105 18.1933 11.8294)" fill="#37474F"/>
<circle cx="13.9999" cy="1.70596" r="0.5" transform="rotate(30 13.9999 1.70596)" fill="#37474F"/>
<circle cx="17.294" cy="13.9999" r="0.5" transform="rotate(120 17.294 13.9999)" fill="#37474F"/>
<circle cx="15.8643" cy="3.13606" r="0.5" transform="rotate(45 15.8643 3.13606)" fill="#37474F"/>
<circle cx="15.8642" cy="15.864" r="0.5" transform="rotate(135 15.8642 15.864)" fill="#37474F"/>
<circle cx="17.2945" cy="5.00015" r="0.5" transform="rotate(60 17.2945 5.00015)" fill="#37474F"/>
<circle cx="14.0001" cy="17.2943" r="0.5" transform="rotate(150 14.0001 17.2943)" fill="#37474F"/>
<circle cx="18.1933" cy="7.17072" r="0.5" transform="rotate(75 18.1933 7.17072)" fill="#37474F"/>
<circle cx="11.8295" cy="18.1933" r="0.5" transform="rotate(165 11.8295 18.1933)" fill="#37474F"/>
<circle cx="9.5" cy="18.5" r="0.5" transform="rotate(-180 9.5 18.5)" fill="#37474F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

3
public/time-tracker.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.5 19C4.3 19 0 14.776 0 9.50371C0 4.23146 4.275 0.00371094 9.5 0C14.7 0 19 4.32723 19 9.5C19 14.7722 14.8 19 9.5 19ZM9.5 0.953711C4.8 0.953711 0.95 4.82832 0.95 9.50371C0.95 14.1791 4.8 18.1047 9.5 18.1047C14.2 18.1047 18.05 14.1791 18.05 9.50371C18.05 4.72884 14.2 0.953711 9.5 0.953711ZM13.5 13.5288C13.3 13.5288 13.2 13.4293 13.1 13.3298L9.2 9.45026C9.1 9.35078 9 9.15184 9 9.05236V2.08901C9 1.79058 9.2 1.49215 9.5 1.49215C9.8 1.49215 10 1.69111 10 2.08901V8.75393L13.9 12.6335C14.1 12.8325 14.1 13.1309 13.9 13.3298C13.7258 13.5032 13.6 13.5288 13.5 13.5288Z" fill="#37474F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 696 B

16
public/timesheet.svg Normal file
View File

@@ -0,0 +1,16 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 20C17.5376 20 20 17.5376 20 14.5C20 11.4624 17.5376 9 14.5 9C11.4624 9 9 11.4624 9 14.5C9 17.5376 11.4624 20 14.5 20ZM14.5 19C16.9853 19 19 16.9853 19 14.5C19 12.0147 16.9853 10 14.5 10C12.0147 10 10 12.0147 10 14.5C10 16.9853 12.0147 19 14.5 19Z" fill="#37474F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.7744 10.2667C17.2136 10.0933 16.6177 10 16 10C15.8369 10 15.6753 10.0065 15.5155 10.0193C15.6356 9.59071 15.7603 9.20414 16 9.3V5H1V16H10C10 16.3407 10.0284 16.6748 10.083 17H0.5C0.45 17 0.375 16.975 0.3 16.95C0.225 16.925 0.15 16.9 0.1 16.9C0 16.9 0 16.6 0 16.5V1.5C0 1.2 0.2 1 0.5 1H4V0.5C4 0.2 4.2 0 4.5 0C4.8 0 5 0.2 5 0.5V1H12V0.5C12 0.2 12.2 0 12.5 0C12.8 0 13 0.2 13 0.5V1H16.5C16.7 1 16.9 1.1 17 1.3V9.7C17.3463 9.87315 17.5964 10.0611 17.7744 10.2667ZM13 2H16V4H1V2H4V2.5C4 2.8 4.2 3 4.5 3C4.8 3 5 2.8 5 2.5V2H12V2.5C12 2.8 12.2 3 12.5 3C12.8 3 13 2.8 13 2.5V2Z" fill="#37474F"/>
<path d="M13 9V8H12V9H13Z" fill="#37474F"/>
<path d="M11 8H10V9H11V8Z" fill="#37474F"/>
<path d="M9 12H8V13H9V12Z" fill="#37474F"/>
<path d="M9 10H8V11H9V10Z" fill="#37474F"/>
<path d="M9 8H8V9H9V8Z" fill="#37474F"/>
<path d="M7 12H6V13H7V12Z" fill="#37474F"/>
<path d="M7 10H6V11H7V10Z" fill="#37474F"/>
<path d="M7 8H6V9H7V8Z" fill="#37474F"/>
<path d="M5 13V12H4V13H5Z" fill="#37474F"/>
<path d="M5 11V10H4V11H5Z" fill="#37474F"/>
<path d="M5 8H4V9H5V8Z" fill="#37474F"/>
<path d="M16 16.5C15.8 16.5 15.7 16.4005 15.6 16.301L14.2 14.9581C14.1 14.8586 14 14.6597 14 14.5602V11.5969C14 11.2984 14.2 11 14.5 11C14.8 11 15 11.199 15 11.5969V14.2618L16.4 15.6047C16.6 15.8037 16.6 16.1021 16.4 16.301C16.2258 16.4744 16.1 16.5 16 16.5Z" fill="#37474F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

42
resources/css/app.css
View File

@@ -170,3 +170,45 @@
@apply bg-background text-foreground;
}
}
/* Clockify Design System */
:root {
--cl-primary: #03a9f4;
--cl-secondary: #4caf50;
--cl-danger: #f44336;
--cl-warning: #ff9800;
--cl-success: #4caf50;
--cl-info: #00bcd4;
--cl-bg-light: #f2f6f8;
--cl-bg-lighter: #e4eaee;
--cl-bg-white: #ffffff;
--cl-text-primary: #0a0e10;
--cl-text-secondary: #607d8b;
--cl-text-muted: #75919f;
--cl-text-light: #9ba8b0;
--cl-text-dark: #37474f;
--cl-sidebar-bg: #1d272c;
--cl-sidebar-bg-hover: #263238;
--cl-sidebar-border: #37474f;
--cl-border-light: #c6d2d9;
--cl-border-medium: #e4eaee;
--cl-radius-sm: 2px;
--cl-radius: 6px;
--cl-radius-lg: 8px;
}
.dark {
--cl-bg-light: #12191d;
--cl-bg-lighter: #1d272c;
--cl-bg-white: #1d272c;
--cl-text-primary: #f2f6f8;
--cl-text-secondary: #9ba8b0;
--cl-text-muted: #75919f;
--cl-text-light: #c6d2d9;
--cl-text-dark: #ccc;
--cl-sidebar-bg: #12191d;
--cl-sidebar-bg-hover: #1d272c;
--cl-sidebar-border: #37474f;
--cl-border-light: #37474f;
--cl-border-medium: #263238;
}

1
resources/css/clockify-styles.css Normal file
View File

File diff suppressed because one or more lines are too long

604
resources/js/pages/Dashboard.vue
View File

@@ -1,6 +1,5 @@
<script setup lang="ts">
import { Head } from '@inertiajs/vue3';
import PlaceholderPattern from '@/components/PlaceholderPattern.vue';
import { dashboard } from '@/routes';
defineOptions({
@@ -18,30 +17,595 @@ defineOptions({
<template>
<Head title="Dashboard" />
<div
class="flex h-full flex-1 flex-col gap-4 overflow-x-auto rounded-xl p-4"
>
<div class="grid auto-rows-min gap-4 md:grid-cols-3">
<div
class="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border"
>
<PlaceholderPattern />
<div class="cl-main-wrapper" style="display: flex">
<!-- Clockify-style Sidebar -->
<div
class="cl-sidebar-header"
style="
width: 65px;
position: fixed;
top: 0;
bottom: 0;
right: 100%;
display: flex;
align-items: center;
background-color: #1d272c;
z-index: 1055;
flex-direction: column;
padding: 10px 0;
"
>
<!-- Logo -->
<div class="cl-sidebar-logo" style="padding: 0 12px 20px">
<img
src="/clockify-logo.svg"
alt="Clockify"
style="width: 40px; height: auto"
/>
</div>
<div
class="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border"
>
<PlaceholderPattern />
</div>
<div
class="relative aspect-video overflow-hidden rounded-xl border border-sidebar-border/70 dark:border-sidebar-border"
>
<PlaceholderPattern />
<!-- Navigation Icons -->
<nav style="display: flex; flex-direction: column; width: 100%; flex: 1; overflow-y: auto; padding-top: 10px">
<!-- Dashboard -->
<a
href="#"
style="
display: flex;
align-items: center;
padding: 10px 0;
color: #f2f6f8;
text-decoration: none;
position: relative;
border-left: 3px solid #03a9f4;
"
>
<img
src="/dashboard.svg"
alt="Dashboard"
style="width: 24px; height: 24px; margin: 0 auto; display: block; opacity: 0.9"
/>
</a>
<!-- Time Tracker -->
<a
href="#"
style="
display: flex;
align-items: center;
padding: 10px 0;
color: #f2f6f8;
text-decoration: none;
position: relative;
"
>
<img
src="/time-tracker.svg"
alt="Time Tracker"
style="width: 24px; height: 24px; margin: 0 auto; display: block; opacity: 0.6"
/>
</a>
<!-- Projects -->
<a
href="#"
style="
display: flex;
align-items: center;
padding: 10px 0;
color: #f2f6f8;
text-decoration: none;
position: relative;
"
>
<img
src="/projects.svg"
alt="Projects"
style="width: 24px; height: 24px; margin: 0 auto; display: block; opacity: 0.6"
/>
</a>
<!-- Timesheet -->
<a
href="#"
style="
display: flex;
align-items: center;
padding: 10px 0;
color: #f2f6f8;
text-decoration: none;
position: relative;
"
>
<img
src="/timesheet.svg"
alt="Timesheet"
style="width: 24px; height: 24px; margin: 0 auto; display: block; opacity: 0.6"
/>
</a>
<!-- Reports -->
<a
href="#"
style="
display: flex;
align-items: center;
padding: 10px 0;
color: #f2f6f8;
text-decoration: none;
position: relative;
"
>
<img
src="/reports.svg"
alt="Reports"
style="width: 24px; height: 24px; margin: 0 auto; display: block; opacity: 0.6"
/>
</a>
<!-- Teams -->
<a
href="#"
style="
display: flex;
align-items: center;
padding: 10px 0;
color: #f2f6f8;
text-decoration: none;
position: relative;
"
>
<img
src="/teams.svg"
alt="Teams"
style="width: 24px; height: 24px; margin: 0 auto; display: block; opacity: 0.6"
/>
</a>
<!-- Clients -->
<a
href="#"
style="
display: flex;
align-items: center;
padding: 10px 0;
color: #f2f6f8;
text-decoration: none;
position: relative;
"
>
<img
src="/clients.svg"
alt="Clients"
style="width: 24px; height: 24px; margin: 0 auto; display: block; opacity: 0.6"
/>
</a>
<!-- Expenses -->
<a
href="#"
style="
display: flex;
align-items: center;
padding: 10px 0;
color: #f2f6f8;
text-decoration: none;
position: relative;
"
>
<img
src="/expenses.svg"
alt="Expenses"
style="width: 24px; height: 24px; margin: 0 auto; display: block; opacity: 0.6"
/>
</a>
<!-- Invoices -->
<a
href="#"
style="
display: flex;
align-items: center;
padding: 10px 0;
color: #f2f6f8;
text-decoration: none;
position: relative;
"
>
<img
src="/invoices.svg"
alt="Invoices"
style="width: 24px; height: 24px; margin: 0 auto; display: block; opacity: 0.6"
/>
</a>
<!-- Approvals -->
<a
href="#"
style="
display: flex;
align-items: center;
padding: 10px 0;
color: #f2f6f8;
text-decoration: none;
position: relative;
"
>
<img
src="/approvals.svg"
alt="Approvals"
style="width: 24px; height: 24px; margin: 0 auto; display: block; opacity: 0.6"
/>
</a>
<!-- Calendar -->
<a
href="#"
style="
display: flex;
align-items: center;
padding: 10px 0;
color: #f2f6f8;
text-decoration: none;
position: relative;
"
>
<img
src="/calendar.svg"
alt="Calendar"
style="width: 24px; height: 24px; margin: 0 auto; display: block; opacity: 0.6"
/>
</a>
</nav>
<!-- Bottom icons -->
<div style="display: flex; flex-direction: column; width: 100%; padding-bottom: 10px">
<!-- Help -->
<a
href="#"
style="
display: flex;
align-items: center;
padding: 10px 0;
color: #f2f6f8;
text-decoration: none;
"
>
<img
src="/help.svg"
alt="Help"
style="width: 24px; height: 24px; margin: 0 auto; display: block; opacity: 0.6"
/>
</a>
</div>
</div>
<!-- Main Content Area -->
<div
class="relative min-h-[100vh] flex-1 rounded-xl border border-sidebar-border/70 md:min-h-min dark:border-sidebar-border"
class="cl-content-area"
style="
margin-left: 65px;
flex: 1;
background-color: #f2f6f8;
min-height: 100vh;
position: relative;
"
>
<PlaceholderPattern />
<!-- Top Bar -->
<div
class="cl-topbar"
style="
height: 60px;
background-color: #fff;
display: flex;
align-items: center;
padding: 0 20px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
position: sticky;
top: 0;
z-index: 100;
"
>
<!-- Workspace/Org Switcher -->
<div
class="cl-org-switcher"
style="
display: flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
border-radius: 6px;
cursor: pointer;
color: #0a0e10;
font-size: 14px;
font-weight: 500;
"
>
<div
style="
width: 28px;
height: 28px;
background-color: #03a9f4;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 14px;
font-weight: 600;
"
>
W
</div>
<span>Workspace</span>
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" style="opacity: 0.5">
<path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<!-- Search -->
<div
class="cl-search"
style="
margin-left: auto;
display: flex;
align-items: center;
gap: 12px;
"
>
<div
style="
display: flex;
align-items: center;
gap: 8px;
padding: 7px 14px;
background-color: #f2f6f8;
border-radius: 6px;
color: #75919f;
font-size: 14px;
cursor: pointer;
max-width: 280px;
width: 100%;
"
>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8"/>
<path d="m21 21-4.3-4.3"/>
</svg>
<span>Search</span>
<span style="margin-left: auto; font-size: 12px; opacity: 0.6; white-space: nowrap">⌘K</span>
</div>
<!-- Notifications -->
<button
style="
width: 36px;
height: 36px;
border: none;
background: transparent;
border-radius: 6px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #607d8b;
position: relative;
"
>
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/>
<path d="M10.3 21a3.5 3.5 0 0 0 3.4 0"/>
</svg>
</button>
<!-- User Avatar -->
<div
style="
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #03a9f4;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 14px;
font-weight: 600;
cursor: pointer;
"
>
U
</div>
</div>
</div>
<!-- Time Tracker Recorder -->
<div
class="cl-time-tracker-recorder"
style="
position: sticky;
top: 60px;
z-index: 99;
padding: 12px 24px;
background-color: #1d272c;
display: flex;
align-items: center;
gap: 16px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
"
>
<!-- Timer Display -->
<div
style="
font-family: 'Roboto Mono', 'Courier New', monospace;
font-size: 28px;
font-weight: 400;
color: #f2f6f8;
letter-spacing: 1px;
min-width: 140px;
"
>
00:00:00
</div>
<!-- Start Button -->
<button
style="
width: 44px;
height: 44px;
border-radius: 50%;
background-color: #4caf50;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s;
"
>
<svg width="18" height="18" viewBox="0 0 24 24" fill="white">
<polygon points="5,3 19,12 5,21"/>
</svg>
</button>
<!-- Task Input -->
<div
style="
flex: 1;
display: flex;
align-items: center;
padding: 8px 14px;
background-color: #263238;
border-radius: 6px;
color: #75919f;
font-size: 14px;
cursor: text;
"
>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 10px; opacity: 0.5">
<path d="M12 20h9"/>
<path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/>
</svg>
<span>Add a description</span>
</div>
<!-- Project Selector -->
<button
style="
display: flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
background-color: #263238;
border: 1px solid #37474f;
border-radius: 6px;
color: #f2f6f8;
font-size: 14px;
cursor: pointer;
white-space: nowrap;
"
>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/>
</svg>
<span>No project</span>
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" style="opacity: 0.5">
<path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<!-- Stop Button -->
<button
style="
width: 44px;
height: 44px;
border-radius: 50%;
background-color: transparent;
border: 2px solid #f44336;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s;
"
>
<svg width="16" height="16" viewBox="0 0 24 24" fill="#f44336">
<rect x="6" y="6" width="12" height="12" rx="1"/>
</svg>
</button>
</div>
<!-- Tracker Entries Wrapper -->
<div
class="cl-tracker-entries-wrapper"
style="
padding: 24px;
max-width: 1400px;
margin: 0 auto;
"
>
<!-- Empty State -->
<div
class="cl-tracker-no-entries"
style="
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 60px 20px;
margin-top: 20px;
"
>
<img
src="/empty-tracker-icon.webp"
alt="No time entries"
style="max-width: 80px; margin-bottom: 24px; opacity: 0.7"
/>
<h2
style="
font-size: 20px;
font-weight: 500;
color: #37474f;
margin: 0 0 8px;
"
>
No time entries yet
</h2>
<p
style="
font-size: 14px;
color: #75919f;
margin: 0 0 24px;
max-width: 400px;
line-height: 1.6;
"
>
Start tracking your time by clicking the play button above. Your time entries will appear here.
</p>
<button
style="
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 24px;
background-color: #03a9f4;
color: #fff;
border: none;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s;
"
>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="12" y1="5" x2="12" y2="19"/>
<line x1="5" y1="12" x2="19" y2="12"/>
</svg>
Start Tracking
</button>
</div>
</div>
</div>
</div>
</template>

2883
session-ses_22a8.md Normal file
View File

File diff suppressed because one or more lines are too long