aiden
/
lightdm-webkit-theme-osmos
mirror of https://github.com/Warinyourself/lightdm-webkit-theme-osmos
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix DE icon handler

Browse Source
masks
Warinyourself 4 years ago
parent 36ed8ab7d8
commit 91d905f0df
6 changed files with 67 additions and 56 deletions
Show Stats Download Patch File Download Diff File

34
src/components/app/AppIcon.vue
Unescape Escape View File

@ -84,6 +84,7 @@
viewBox="0 0 70.055 70.055"
width="70.055"
height="70.055"
v-on="$listeners"
>
<path
d=" M 42.013 35.028 L 68.615 8.426 C 69.532 7.499 70.055 6.246 70.055 4.933 C 70.055 3.621 69.532 2.368 68.615 1.441 C 67.687 0.523 66.434 0 65.122 0 C 63.809 0 62.556 0.523 61.629 1.441 L 35.028 28.042 L 8.426 1.441 C 7.499 0.523 6.246 0 4.933 0 C 3.621 0 2.368 0.523 1.441 1.441 C 0.523 2.368 0 3.621 0 4.933 C 0 6.246 0.523 7.499 1.441 8.426 L 28.042 35.028 L 1.441 61.629 C 0.523 62.556 0 63.809 0 65.122 C 0 66.434 0.523 67.687 1.441 68.615 C 2.368 69.532 3.621 70.055 4.933 70.055 C 6.246 70.055 7.499 69.532 8.426 68.615 L 35.028 42.013 L 61.629 68.615 C 62.556 69.532 63.809 70.055 65.122 70.055 C 66.434 70.055 67.687 69.532 68.615 68.615 C 69.532 67.687 70.055 66.434 70.055 65.122 C 70.055 63.809 69.532 62.556 68.615 61.629 L 42.013 35.028 Z "
@ -97,6 +98,7 @@
viewBox="0 0 92 92"
fill="none"
xmlns="http://www.w3.org/2000/svg"
v-on="$listeners"
>
<path
d="M38.7935 55.2327V47.2344C33.0391 45.0181 29.0089 39.9177 29.0089 33.9848V14.4284C29.0089 6.46553 36.2714 0 45.2182 0H46.7818C55.7275 0 62.9899 6.46553 62.9899 14.4284V33.9848C62.9899 39.9177 58.9598 45.0181 53.2054 47.2344V55.2327H75.8905C84.7808 55.2327 92 61.6578 92 69.5713V77.6604C92 85.5749 84.7808 92 75.8905 92H16.1095C7.21812 92 0 85.5749 0 77.6604V69.5713C0 61.6578 7.21812 55.2327 16.1095 55.2327H38.7935Z"
@ -169,6 +171,7 @@
viewBox="0 0 18 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
v-on="$listeners"
>
<path
fill-rule="evenodd"
@ -185,6 +188,7 @@
viewBox="0 0 27 27"
fill="none"
xmlns="http://www.w3.org/2000/svg"
v-on="$listeners"
>
<path
fill-rule="evenodd"
@ -199,6 +203,7 @@
height="491"
viewBox="0 0 511 491"
xmlns="http://www.w3.org/2000/svg"
v-on="$listeners"
>
<path
d="M506.575 227.66L453.569 163.874L497.007 103.095C504.153 93.0988 500.157 79.0326 488.82 74.2841L314.93 1.48904C306.681 -1.96514 297.145 0.744401 291.944 8.01923L255.499 59.0093L219.051 8.01923C213.854 0.744401 204.318 -1.96514 196.069 1.48904L22.1787 74.2841C10.8415 79.0326 6.84148 93.0949 13.9916 103.095L57.43 163.874L4.42434 227.66C-3.79786 237.551 -0.10976 252.603 11.7615 257.574L62.4475 278.794V398.47C62.4475 406.193 67.0869 413.16 74.2097 416.142L248.1 488.941C252.833 490.922 258.166 490.922 262.895 488.941L436.789 416.142C443.912 413.16 448.547 406.193 448.547 398.47V278.794L499.237 257.574C511.105 252.607 514.801 237.554 506.575 227.66ZM314.232 42.7326L451.873 100.354L422.696 141.181L285.047 83.5589L314.232 42.7326ZM255.499 216.783L131.215 164.755L255.499 112.725L379.784 164.755L255.499 216.783ZM196.771 42.7326L225.948 83.5589L88.3071 141.181L59.1259 100.354L196.771 42.7326ZM87.2817 187.898L224.217 245.223L187.375 289.554C174.159 284.022 63.5664 237.726 50.4437 232.229L87.2817 187.898ZM410.236 385.725L255.499 450.501L100.763 385.725V294.833L185.652 330.373C193.422 333.624 202.404 331.422 207.784 324.946L255.499 267.527L303.215 324.946C308.606 331.433 317.593 333.616 325.347 330.373L410.236 294.833V385.725ZM323.624 289.554L286.782 245.223L423.717 187.898L460.559 232.229C447.425 237.73 336.86 284.014 323.624 289.554Z"
@ -212,6 +217,7 @@
viewBox="0 0 60 60"
fill="none"
xmlns="http://www.w3.org/2000/svg"
v-on="$listeners"
>
<path
fill-rule="evenodd"
@ -228,6 +234,7 @@
viewBox="0 0 106.903 106.903"
width="106.903"
height="106.903"
v-on="$listeners"
>
<path
d=" M 24.85 34.532 C 21.923 31.605 21.923 26.852 24.85 23.925 C 27.777 20.998 32.529 20.998 35.456 23.925 C 38.383 26.852 38.383 31.605 35.456 34.532 C 32.529 37.459 27.777 37.459 24.85 34.532 L 24.85 34.532 L 24.85 34.532 L 24.85 34.532 Z M 2.195 57.186 C -0.732 54.259 -0.732 49.507 2.195 46.58 C 5.122 43.653 9.875 43.653 12.802 46.58 C 15.729 49.507 15.729 54.259 12.802 57.186 C 9.875 60.113 5.122 60.113 2.195 57.186 L 2.195 57.186 L 2.195 57.186 L 2.195 57.186 Z M 46.58 12.802 C 43.653 9.875 43.653 5.122 46.58 2.195 C 49.507 -0.732 54.259 -0.732 57.186 2.195 C 60.113 5.122 60.113 9.875 57.186 12.802 C 54.259 15.729 49.507 15.729 46.58 12.802 L 46.58 12.802 L 46.58 12.802 Z M 74.871 64.258 C 76.278 65.665 77.063 67.581 77.063 69.561 C 77.063 71.555 76.271 73.464 74.871 74.864 C 73.464 76.272 71.555 77.064 69.561 77.064 C 67.581 77.064 65.672 76.272 64.264 74.864 L 38.851 49.451 C 37.444 48.044 36.652 46.135 36.652 44.155 C 36.652 42.161 37.444 40.252 38.851 38.844 C 40.251 37.444 42.16 36.652 44.154 36.652 C 46.134 36.652 48.05 37.437 49.458 38.844 L 74.871 64.258 L 74.871 64.258 Z M 61.04 27.262 C 59.633 25.855 58.841 23.946 58.848 21.959 C 58.841 19.972 59.633 18.063 61.04 16.655 C 62.447 15.248 64.356 14.456 66.343 14.463 C 68.33 14.456 70.239 15.248 71.647 16.655 L 95.519 40.527 C 102.809 47.818 106.903 57.71 106.903 68.02 C 106.903 78.329 102.802 88.229 95.519 95.512 C 88.228 102.802 78.329 106.903 68.019 106.903 C 57.71 106.903 47.817 102.809 40.527 95.519 L 16.655 71.647 C 15.248 70.24 14.456 68.331 14.463 66.344 C 14.456 64.357 15.248 62.448 16.655 61.041 C 18.062 59.633 19.971 58.841 21.958 58.848 C 23.945 58.841 25.854 59.633 27.261 61.041 L 51.133 84.912 C 55.609 89.388 61.691 91.906 68.026 91.906 C 74.348 91.906 80.429 89.388 84.912 84.905 C 89.388 80.429 91.905 74.348 91.905 68.027 C 91.905 61.691 89.388 55.61 84.912 51.134 L 61.04 27.262 Z "
@ -243,6 +250,7 @@
viewBox="0 0 81.359 100"
width="81.359"
height="100"
v-on="$listeners"
>
<path
d=" M 72.781 0 C 51.978 0 48.075 29.63 59.778 29.63 C 71.48 29.63 93.585 0 72.781 0 L 72.781 0 L 72.781 0 L 72.781 0 Z M 38.238 25.959 C 44.469 26.339 51.305 2.179 39.594 3.699 C 27.887 5.218 32.004 25.578 38.238 25.959 L 38.238 25.959 L 38.238 25.959 L 38.238 25.959 Z M 9.68 40.972 C 14.112 39.021 10.251 19.94 2.715 25.144 C -4.818 30.348 5.248 42.922 9.68 40.972 L 9.68 40.972 L 9.68 40.972 Z M 22.167 30.984 C 27.443 29.909 27.732 8.268 18.324 12.15 C 8.914 16.033 16.896 32.062 22.167 30.984 L 22.167 30.984 L 22.167 30.984 Z M 49.716 79.412 C 50.652 86.561 44.471 90.091 38.419 85.483 C 19.15 70.813 70.322 63.494 66.949 43.452 C 64.149 26.816 13.105 31.937 7.292 57.968 C 3.358 75.574 23.488 100 44.493 100 C 54.826 100 66.744 90.67 68.974 78.85 C 70.677 69.837 48.934 73.448 49.716 79.412 L 49.716 79.412 Z "
@ -257,6 +265,7 @@
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
v-on="$listeners"
>
<path
d="M0 24V8.25H16.5V7.5H0V0H24V24H16.5V15.75H7.5V16.5H15.75V24H0Z"
@ -271,6 +280,7 @@
viewBox="0 0 100 100"
width="100"
height="100"
v-on="$listeners"
>
<path
d=" M 50 0 C 22.386 0 0 22.386 0 50 C 0 77.614 22.386 100 50 100 C 77.614 100 100 77.614 100 50 C 100 22.386 77.614 0 50 0 Z M 50 4.167 C 70.995 4.167 88.692 18.283 94.12 37.542 C 89.445 47.184 82.793 55.865 74.693 62.88 C 70.801 66.25 66.553 69.254 61.859 71.37 C 57.166 73.485 52.004 74.685 46.865 74.391 C 43.003 74.169 39.189 73.094 35.807 71.219 C 44.769 66.363 52.855 59.888 59.474 52.135 C 63.819 47.047 67.62 41.263 69.083 34.734 C 69.815 31.47 69.939 28.051 69.255 24.776 C 68.571 21.501 67.057 18.38 64.766 15.943 C 62.527 13.561 59.588 11.874 56.437 11.005 C 53.287 10.136 49.934 10.069 46.719 10.656 C 40.288 11.831 34.547 15.569 29.943 20.208 C 21.826 28.387 16.809 39.926 17.729 51.411 C 18.189 57.154 20.114 62.797 23.411 67.521 C 24.148 68.575 24.957 69.58 25.823 70.531 C 21.019 72.213 16.045 73.409 11 74.083 C 6.669 67.085 4.167 58.835 4.167 50 C 4.167 24.687 24.687 4.167 50 4.167 Z M 50.292 13.427 C 53.514 13.431 56.757 14.407 59.328 16.349 C 61.644 18.099 63.36 20.588 64.333 23.323 C 65.306 26.058 65.556 29.028 65.224 31.911 C 64.56 37.679 61.651 42.968 58.135 47.589 C 51.911 55.77 43.638 62.317 34.438 66.901 C 33.496 67.37 32.539 67.816 31.578 68.245 C 29.576 66.493 27.86 64.415 26.552 62.099 C 23.819 57.26 22.918 51.511 23.448 45.979 C 23.978 40.447 25.877 35.115 28.427 30.177 C 31.384 24.452 35.415 19.029 41.057 15.917 C 43.879 14.361 47.07 13.423 50.292 13.427 Z M 95.422 43.865 C 95.69 45.872 95.833 47.919 95.833 50 C 95.833 75.313 75.313 95.833 50 95.833 C 35.784 95.833 23.079 89.362 14.672 79.203 C 19.861 78.025 24.932 76.332 29.797 74.177 C 31.924 75.797 34.273 77.126 36.771 78.083 C 43.963 80.841 52.128 80.442 59.406 77.922 C 66.685 75.402 73.139 70.88 78.766 65.62 C 85.468 59.354 91.12 51.969 95.422 43.865 Z "
@ -285,6 +295,7 @@
viewBox="0 0 90 87.407"
width="90"
height="87.407"
v-on="$listeners"
>
<path
d=" M 79.536 54.583 C 80.721 51.087 81.327 47.412 81.327 43.703 C 81.327 39.029 80.364 34.406 78.491 30.13 C 76.652 25.95 74.024 22.16 70.737 18.994 C 67.398 15.768 63.478 13.209 59.185 11.448 C 54.683 9.61 49.861 8.664 44.996 8.673 C 40.139 8.664 35.317 9.61 30.815 11.448 C 26.522 13.209 22.602 15.768 19.263 18.994 C 15.976 22.16 13.339 25.95 11.509 30.121 C 9.636 34.406 8.673 39.029 8.673 43.703 L 8.673 43.703 C 8.673 48.378 9.636 53.001 11.509 57.277 C 12.556 59.668 13.867 61.932 15.413 64.025 L 46.401 28.959 L 50.737 37.632 L 42.931 55.846 L 61.584 34.163 L 79.536 54.583 Z M 0 43.703 C 0 37.832 1.214 32.03 3.565 26.652 C 5.854 21.431 9.141 16.713 13.235 12.758 C 17.372 8.76 22.22 5.594 27.537 3.417 C 33.079 1.154 39.011 -0.009 44.996 0 C 50.989 -0.009 56.921 1.154 62.463 3.417 C 67.78 5.594 72.628 8.76 76.756 12.758 C 80.859 16.713 84.146 21.431 86.435 26.644 C 88.786 32.03 90 37.832 90 43.703 C 90 49.575 88.786 55.377 86.435 60.763 C 84.146 65.976 80.859 70.694 76.756 74.649 C 72.628 78.647 67.78 81.813 62.463 83.99 C 56.921 86.253 50.989 87.416 44.996 87.407 C 39.011 87.416 33.079 86.253 27.537 83.99 C 22.22 81.813 17.372 78.647 13.235 74.649 C 9.141 70.694 5.854 65.976 3.565 60.763 C 1.214 55.377 0 49.575 0 43.703 L 0 43.703 Z "
@ -300,6 +311,7 @@
viewBox="0 0 89.753 100"
width="89.753"
height="100"
v-on="$listeners"
>
<path
d=" M 41.1 56.122 L 41.1 6.412 C 41.1 4.58 41.698 3.053 42.892 1.832 C 44.086 0.611 45.628 0 47.516 0 C 49.405 0 50.932 0.569 52.099 1.707 C 53.293 2.845 53.89 4.413 53.89 6.412 L 53.89 24.98 L 74.887 2.415 C 76.359 0.805 78.011 0 79.844 0 C 81.538 0 83.01 0.583 84.26 1.748 C 85.538 2.886 86.176 4.385 86.176 6.245 C 86.176 7.3 85.843 8.34 85.177 9.367 C 84.51 10.367 83.441 11.602 81.969 13.073 L 65.846 29.102 L 85.552 49.877 C 86.69 50.959 87.565 52.014 88.176 53.041 C 88.815 54.04 89.134 55.15 89.134 56.372 C 89.134 58.315 88.496 59.799 87.218 60.826 C 85.94 61.826 84.357 62.325 82.469 62.325 C 81.358 62.325 80.344 62.02 79.428 61.409 C 78.539 60.799 77.4 59.772 76.011 58.328 L 53.89 34.181 L 53.89 56.122 C 53.89 57.87 53.293 59.342 52.099 60.535 C 50.904 61.729 49.377 62.325 47.516 62.325 C 45.655 62.325 44.114 61.756 42.892 60.618 C 41.698 59.48 41.1 57.981 41.1 56.122 L 41.1 56.122 Z M 9.756 80.339 L 17.951 88.919 L 31.219 79.949 L 41.755 84.629 L 45.267 100 L 56.584 99.896 L 59.705 84.125 L 70.242 79.949 L 83.51 88.529 L 89.753 79.949 L 74.696 65.748 C 36.102 101.124 2.752 46.602 35.901 23.792 L 35.901 15.602 L 31.999 17.552 L 19.902 9.866 L 11.545 16.724 L 19.121 29.641 L 14.829 40.171 L 0.046 42.625 L 0 53.82 L 15.219 57.72 L 19.414 67.957 L 9.756 80.339 L 9.756 80.339 Z "
@ -315,6 +327,7 @@
viewBox="0 0 97.338 94.68"
width="97.338"
height="94.68"
v-on="$listeners"
>
<path
d=" M 0 78.895 L 0 48.096 L 0 17.297 L 26.673 32.697 L 53.345 48.096 L 26.673 63.496 L 0 78.895 L 0 78.895 Z M 20.588 21.19 L 18.548 23.88 L 11.958 18.85 L 14.618 15.86 C 15.578 14.79 16.578 13.76 17.628 12.78 C 22.048 8.63 27.228 5.37 32.878 3.18 C 38.338 1.08 44.138 0 49.988 0 C 56.348 0 62.648 1.27 68.518 3.75 C 74.588 6.33 80.048 10.15 84.558 14.97 C 88.698 19.39 91.958 24.57 94.148 30.22 C 96.258 35.68 97.338 41.48 97.338 47.33 C 97.338 53.69 96.058 59.99 93.578 65.86 C 90.998 71.93 87.178 77.39 82.358 81.9 C 77.938 86.04 72.768 89.3 67.108 91.49 C 61.658 93.6 55.858 94.68 50.008 94.68 C 43.638 94.68 37.338 93.4 31.478 90.92 C 25.408 88.34 19.938 84.52 15.438 79.7 L 12.708 76.78 L 19.438 72.01 L 21.278 74.24 C 25.018 78.24 29.558 81.41 34.598 83.56 C 39.478 85.62 44.718 86.68 50.008 86.68 C 54.868 86.68 59.688 85.78 64.228 84.03 C 68.918 82.21 73.218 79.5 76.898 76.06 C 80.898 72.31 84.068 67.78 86.218 62.73 C 88.278 57.86 89.338 52.62 89.338 47.33 C 89.338 42.47 88.438 37.65 86.688 33.11 C 84.868 28.41 82.158 24.11 78.718 20.44 C 74.968 16.44 70.438 13.26 65.388 11.12 C 60.518 9.06 55.278 8 49.988 8 C 45.128 8 40.298 8.89 35.768 10.64 C 31.068 12.47 26.768 15.17 23.098 18.62 C 22.228 19.44 21.388 20.29 20.588 21.19 L 20.588 21.19 Z M 31.148 29.39 L 29.178 31.36 L 22.598 26.78 L 25.358 23.88 C 31.778 17.13 40.708 13.3 50.028 13.3 C 58.758 13.3 67.158 16.66 73.478 22.67 C 80.238 29.09 84.058 38.02 84.058 47.34 C 84.058 56.07 80.708 64.47 74.698 70.8 C 68.268 77.55 59.338 81.38 50.018 81.37 C 41.288 81.37 32.888 78.02 26.568 72.01 L 23.668 69.25 L 30.689 64.971 L 32.078 66.21 C 36.918 70.81 43.348 73.38 50.018 73.37 C 57.148 73.38 63.978 70.45 68.898 65.28 C 73.498 60.44 76.058 54.02 76.058 47.34 C 76.058 40.21 73.138 33.38 67.968 28.47 C 63.128 23.87 56.708 21.3 50.028 21.3 C 42.898 21.3 36.068 24.23 31.148 29.39 Z "
@ -330,6 +343,7 @@
viewBox="0 0 67.156 67.383"
width="67.156"
height="67.383"
v-on="$listeners"
>
<path
color="active"
@ -344,6 +358,7 @@
viewBox="0 0 63 65"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
v-on="$listeners"
>
<path
d="M27.5314 16.5725C24.0072 22.0321 32.6483 23.7106 33.9712 22.715C39.6749 18.4223 29.0841 14.1671 27.5314 16.5725Z"
@ -367,6 +382,7 @@
viewBox="0 0 24 24"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
v-on="$listeners"
>
<path
d="M2.49998 14.5C3.88069 14.5 4.99997 13.3807 4.99997 12C4.99997 10.6193 3.88069 9.50002 2.49998 9.50002C1.11928 9.50002 0 10.6193 0 12C0 13.3807 1.11928 14.5 2.49998 14.5Z"
@ -395,6 +411,7 @@
height="56"
viewBox="0 0 56 56"
xmlns="http://www.w3.org/2000/svg"
v-on="$listeners"
>
<path
fill-rule="evenodd"
@ -410,6 +427,7 @@
fill="currentColor"
viewBox="0 0 19 16"
xmlns="http://www.w3.org/2000/svg"
v-on="$listeners"
>
<path
d="M0.515625 0.078125V4.76562H2.85938V9.45312C2.85938 12.5781 4.8125 15.3125 7.9375 15.3125H18.0938V5.54688C18.0938 2.33359 15.4476 0.0935957 12.2344 0.078125H0.515625ZM1.6875 1.25H12.2344C14.8184 1.25 16.9219 2.96289 16.9219 5.54688V14.1406H7.9375C5.59375 14.1406 4.03125 11.7969 4.03125 9.45312V5.15625C4.03125 3.99816 3.58116 3.59375 2.46875 3.59375H1.6875V1.25Z"
@ -427,6 +445,7 @@
viewBox="535.623 183 294.755 294.755"
width="294.755"
height="294.755"
v-on="$listeners"
>
<path
d=" M 683 183 C 669.879 215.166 661.911 236.236 647.307 267.447 C 656.26 276.94 667.267 287.955 685.124 300.442 C 665.927 292.544 652.842 284.636 643.061 276.405 C 624.366 315.414 595.058 370.961 535.623 477.755 C 582.323 450.795 618.531 434.159 652.273 427.812 C 650.825 421.59 650.056 414.829 650.112 407.805 L 650.149 406.332 C 650.89 376.406 666.461 353.391 684.906 354.953 C 703.348 356.514 717.708 382.052 716.966 411.984 C 716.824 417.621 716.17 423.037 715.06 428.066 C 748.436 434.596 784.299 451.154 830.377 477.755 C 821.291 461.028 813.153 445.954 805.406 431.589 C 793.206 422.133 780.485 409.832 754.529 396.509 C 772.371 401.147 785.155 406.507 795.112 412.485 C 716.368 265.868 710.002 246.372 683 183 L 683 183 L 683 183 Z "
@ -441,6 +460,7 @@
viewBox="179 14 90 90"
width="90"
height="90"
v-on="$listeners"
>
<path
d=" M 179 59 C 179 34.164 199.164 14 224 14 C 248.836 14 269 34.164 269 59 C 269 83.836 248.836 104 224 104 C 199.164 104 179 83.836 179 59 Z M 216.5 74.479 L 216.5 78.479 L 225.5 82.479 L 216.5 87.479 L 216.5 91.479 L 229.5 84.479 L 229.5 80.479 L 216.5 74.479 L 216.5 74.479 L 216.5 74.479 L 216.5 74.479 L 216.5 74.479 Z M 203.5 74.479 L 203.5 78.479 L 212.5 82.479 L 203.5 87.479 L 203.5 91.479 L 216.5 84.479 L 216.5 80.479 L 203.5 74.479 L 203.5 74.479 L 203.5 74.479 L 203.5 74.479 L 203.5 74.479 Z M 205.5 26.521 L 212.5 26.521 L 223.5 44.479 L 234.5 26.521 L 242.5 26.521 L 227.5 49.479 L 244.5 74.479 L 237.5 74.479 L 223.5 54.479 L 210.5 74.479 L 203.5 74.479 L 219.5 49.479 L 205.5 26.521 L 205.5 26.521 L 205.5 26.521 L 205.5 26.521 Z M 232.5 78.479 L 244.5 78.479 L 244.5 81.479 L 232.5 81.479 L 232.5 78.479 L 232.5 78.479 L 232.5 78.479 Z M 232.5 85.479 L 244.5 85.479 L 244.5 88.479 L 232.5 88.479 L 232.5 85.479 L 232.5 85.479 Z "
@ -453,6 +473,7 @@
xmlns="http://www.w3.org/2000/svg"
style="isolation:isolate"
viewBox="0 0 43 40"
v-on="$listeners"
>
<path
d="M20 4c-2-2-5-4-9-4C5 0 0 5 0 12q0 9 20 23 20-13 20-23c0-9-5-12-11-12-4 0-7 2-9 4z"
@ -466,6 +487,7 @@
viewBox="0 0 37 28"
fill="none"
xmlns="http://www.w3.org/2000/svg"
v-on="$listeners"
>
<path
d="M3 16.0213L11.9362 24.9574L33.8936 3"
@ -476,7 +498,7 @@
</svg>
<svg
v-else-if="name === 'malevich-bottom-left'"
v-else-if="name === 'suprematism-bottom-left'"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 201 359"
>
@ -489,7 +511,7 @@
</svg>
<svg
v-else-if="name === 'malevich-bottom-right'"
v-else-if="name === 'suprematism-bottom-right'"
width="100"
height="76"
viewBox="0 0 100 76"
@ -503,7 +525,7 @@
</svg>
<svg
v-else-if="name === 'malevich-top-right'"
v-else-if="name === 'suprematism-top-right'"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 172.8 270.39"
>
@ -526,7 +548,7 @@
</svg>
<svg
v-else-if="name === 'malevich-top-left'"
v-else-if="name === 'suprematism-top-left'"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 455.15 353.29"
>
@ -537,7 +559,7 @@
</svg>
<svg
v-else-if="name === 'malevich-bottom-left-pattern'"
v-else-if="name === 'suprematism-bottom-left-pattern'"
width="198"
height="348"
viewBox="0 0 198 348"
@ -889,6 +911,7 @@
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
v-on="$listeners"
>
<path
fill-rule="evenodd"
@ -904,6 +927,7 @@
height="26"
viewBox="0 0 26 26"
xmlns="http://www.w3.org/2000/svg"
v-on="$listeners"
>
<path
fill-rule="evenodd"

19
src/components/base/LoginComponent.tsx
Unescape Escape View File

@ -7,6 +7,7 @@ import AppIcon from '@/components/app/AppIcon.vue'
import UserAvatar from '@/components/base/UserAvatar'
import UserInput from '@/components/base/UserInput'
import SettingsView from '@/components/base/settings/SettingsView'
import { getDesktopIcon } from '@/utils/helper'
@Component({
components: {
@ -35,6 +36,10 @@ export default class LoginComponent extends Vue {
return AppModule.currentDesktop
}
get currentDesktopIcon() {
return getDesktopIcon(this.currentDesktop?.key)
}
get mainTabIndex() {
return PageModule.mainTabIndex
}
@ -54,25 +59,19 @@ export default class LoginComponent extends Vue {
PageModule.SET_STATE_PAGE({ key: 'mainTabIndex', value: index })
}
openSettings(event: Event) {
openSettingsTab(event: Event) {
event.preventDefault()
event.stopPropagation()
PageModule.openBlock({ id: 'settings' })
PageModule.openTab({ type: 'settings' })
}
render() {
const nativeOn = {
click: (event: Event) => {
this.openSettings(event)
PageModule.openTab({ type: 'settings' })
}
}
return <div class={ `block-${this.activeBlock?.id}` }>
<div class={ `login-view login-view--${PageModule.loginPosition}` }>
<AppIcon name={ this.currentDesktop?.key } class='desktop-icon'/>
<AppIcon name={ AppModule.currentOs } class='system-icon'/>
<AppIcon name={ this.currentDesktopIcon } onClick={ this.openSettingsTab } class='desktop-icon'/>
<AppIcon name={ AppModule.currentOs } onClick={ this.openSettingsTab } class='system-icon'/>
<UserAvatar />
<UserInput />
</div>

34
src/components/base/UserAvatar.tsx
Unescape Escape View File

@ -52,27 +52,27 @@ export default class UserAvatar extends Vue {
setInterval(() => { this.updater = new Date().getTime() }, 1000)
}
render() {
const buildUserAvatar = (image: string | undefined) => {
const defaultAvatar = <AppIcon name='user'/>
const userAvatar = <div
class='user-avatar'
style={ { 'background-image': `url("${image}")` } }
/>
buildUserAvatar(image: string | undefined) {
const defaultAvatar = <AppIcon name='user'/>
const userAvatar = <div
class='user-avatar'
style={ { 'background-image': `url("${image}")` } }
/>
return image ? userAvatar : defaultAvatar
}
return image ? userAvatar : defaultAvatar
}
const buildUser = (user: LightdmUsers) => {
return <div class='user-choice' key={ user.username }>
<p class='time' key={ this.updater }> { this.currentTime } </p>
{ buildUserAvatar(user?.image) }
<div class='user-name'> { user?.display_name } </div>
</div>
}
buildUser(user: LightdmUsers) {
return <div class='user-choice' key={ user.username }>
<p class='time' key={ this.updater }> { this.currentTime } </p>
{ this.buildUserAvatar(user?.image) }
<div class='user-name'> { user?.display_name } </div>
</div>
}
render() {
return <transition-group tag="div" name="fade-bottom" class="transition-group">
{ this.users.filter(({ username }) => username === this.user?.username).map(buildUser) }
{ this.users.filter(({ username }) => username === this.user?.username).map(this.buildUser) }
</transition-group>
}
}

20
src/components/base/UserInput.tsx
Unescape Escape View File

@ -40,15 +40,7 @@ export default class UserInput extends Vue {
render() {
return <div class='user-input'>
{/* <AppIcon class='settings-button' name={ 'settings' } onClick={ this.openSettings }/> */}
<AppIcon { ...{
class: 'settings-button',
props: { name: 'settings' },
on: {
click: this.openSettings
}
}}
/>
<AppIcon class='settings-button' name='settings' onClick={ this.openSettings } />
<input
id='password'
@ -65,13 +57,9 @@ export default class UserInput extends Vue {
/>
<AppIcon
{ ...{
class: ['icon icon-eye', { hide: !this.viewPassword }],
props: { name: 'eye' },
on: {
click: this.toggleShowPassword
}
} }
class={ ['icon icon-eye', { hide: !this.viewPassword }] }
name='eye'
onClick={ this.toggleShowPassword }
/>
<button

14
src/components/themes/suprematism.tsx
Unescape Escape View File

@ -7,33 +7,33 @@ import AppIcon from '@/components/app/AppIcon.vue'
AppIcon
}
})
export default class MalevichTheme extends Vue {
export default class SuprematismTheme extends Vue {
parallax: null | Parallax = null
render() {
return <div class="malevich" ref="scene" data-hover-only="true" data-friction-x="0.1" data-friction-y="0.1" data-scalar-x="25" data-scalar-y="15">
return <div class="suprematism" ref="scene" data-hover-only="true" data-friction-x="0.1" data-friction-y="0.1" data-scalar-x="25" data-scalar-y="15">
<li class="prllx-block" data-depth="0.0">
<div class="parralax-item-cube position-center"></div>
</li>
<li class="prllx-block" data-depth="0.05">
<div class="parralax-item-bottom-left">
<AppIcon name="malevich-bottom-left"/>
<AppIcon name="suprematism-bottom-left"/>
</div>
<div class="parralax-item-bottom-right">
<AppIcon name="malevich-bottom-right"/>
<AppIcon name="suprematism-bottom-right"/>
</div>
<div class="parralax-item-top-right">
<AppIcon name="malevich-top-right"/>
<AppIcon name="suprematism-top-right"/>
</div>
<div class="parralax-item-top-left">
<AppIcon name="malevich-top-left"/>
<AppIcon name="suprematism-top-left"/>
</div>
</li>
<li class="prllx-block" data-depth=".1">
<div class="parralax-item-bottom-right-triangle"></div>
<div class="parralax-item-top-left-multi"></div>
<div class="parralax-item-bottom-left-pattern">
<AppIcon name="malevich-bottom-left-pattern"/>
<AppIcon name="suprematism-bottom-left-pattern"/>
</div>
</li>
<li class="prllx-block" data-depth=".2">

2
src/utils/helper.ts
Unescape Escape View File

@ -69,7 +69,7 @@ export function generateRandomColor() {
return '#' + (Math.floor(Math.random() * 2 ** 24 - 1)).toString(16)
}
export function getDesktopIcon(desktop: string) {
export function getDesktopIcon(desktop = '') {
const iconMap = {
gnome: /gnome/,
openbox: /openbox/,

Write Preview
Loading…
Cancel
Save