cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-19 14:14:17 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

style improvements

Browse Source 
- added empty state to list
- styled scrollbars
- progressbar shows time elapsed
- timers are monospace
- prevent overflow in titles
This commit is contained in:
cv
2021-04-21 19:11:43 +02:00
parent 4e36e58a21
commit 57c6b11db1
26 changed files with 381 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/assets/images/empty.svg
+21
View File
@@ -0,0 +1,21 @@
<svg xmlns="http://www.w3.org/2000/svg" width="274" height="410" fill="none" viewBox="0 0 274 410">
<circle cx="137" cy="234" r="135.5" fill="#222" stroke="#303030" stroke-width="3"/>
<path fill="#282828" d="M49.33 230.835c0-18.343 3.531-34.692 10.595-49.048 7.064-14.355 17.204-25.464 30.42-33.325 13.33-7.861 28.768-11.792 46.313-11.792 24.951 0 45.288 7.633 61.011 22.9 15.837 15.267 24.666 36.003 26.489 62.207l.342 12.647c0 28.369-7.918 51.155-23.755 68.359-15.836 17.09-37.085 25.635-63.745 25.635-26.66 0-47.966-8.545-63.916-25.635-15.837-17.09-23.755-40.332-23.755-69.726v-2.222zm49.389 3.589c0 17.545 3.304 30.989 9.912 40.332 6.608 9.228 16.064 13.843 28.369 13.843 11.963 0 21.305-4.558 28.027-13.672 6.722-9.229 10.083-23.926 10.083-44.092 0-17.204-3.361-30.534-10.083-39.99-6.722-9.457-16.178-14.185-28.369-14.185-12.077 0-21.419 4.728-28.027 14.185-6.608 9.342-9.912 23.869-9.912 43.579z"/>
<mask id="a" width="176" height="193" x="49" y="136" maskUnits="userSpaceOnUse">
<path fill="#fff" d="M49.33 230.835c0-18.343 3.531-34.692 10.595-49.048 7.064-14.355 17.204-25.464 30.42-33.325 13.33-7.861 28.768-11.792 46.313-11.792 24.951 0 45.288 7.633 61.011 22.9 15.837 15.267 24.666 36.003 26.489 62.207l.342 12.647c0 28.369-7.918 51.155-23.755 68.359-15.836 17.09-37.085 25.635-63.745 25.635-26.66 0-47.966-8.545-63.916-25.635-15.837-17.09-23.755-40.332-23.755-69.726v-2.222zm49.389 3.589c0 17.545 3.304 30.989 9.912 40.332 6.608 9.228 16.064 13.843 28.369 13.843 11.963 0 21.305-4.558 28.027-13.672 6.722-9.229 10.083-23.926 10.083-44.092 0-17.204-3.361-30.534-10.083-39.99-6.722-9.457-16.178-14.185-28.369-14.185-12.077 0-21.419 4.728-28.027 14.185-6.608 9.342-9.912 23.869-9.912 43.579z"/>
</mask>
<g mask="url(#a)">
<path fill="url(#paint0_linear)" d="M14.258 58.326c-7.763-4.861-56.883 11.146-80.472 19.758-3.354 6.988-12.465 23.506-22.078 33.674-12.016 12.711 99.75 272.053 141.262 323.607C94.484 486.92 255.85 363.533 261.344 360.3c5.495-3.233-20.074-45.636-44.243-93.192-33.269-65.46-127.16-76.404-150.35-89.718-23.188-13.313-3.09-62.665-3.923-86.491-1.935-55.353-38.866-26.497-48.57-32.573z"/>
<path fill="url(#paint1_linear)" d="M8.366 59.976c-7.763-4.86-56.498 6.18-80.088 14.792-3.354 6.988-12.464 23.506-22.077 33.675-12.017 12.71 99.749 272.052 141.262 323.607 41.513 51.555 202.878-71.833 208.374-75.066 5.495-3.233-21.296-34.405-45.414-82.003-33.261-65.642-126.021-74.923-149.046-98.223-19.946-20.186 2.247-61.171 1.415-84.998C60.73 32.778 18.07 66.053 8.366 59.976z"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="93.619" x2="67.374" y1="63.131" y2="446.974" gradientUnits="userSpaceOnUse">
<stop stop-opacity=".74"/>
<stop offset="1" stop-color="#414141" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="88.111" x2="61.866" y1="59.815" y2="443.659" gradientUnits="userSpaceOnUse">
<stop stop-opacity=".74"/>
<stop offset="1" stop-color="#242424" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB