Skip to content
Snippets Groups Projects
Commit f10d3bda authored by Myśliwiec, D. (Dominik, Student M-CS)'s avatar Myśliwiec, D. (Dominik, Student M-CS)
Browse files

Add icons to settings menu

parent 050e8cab
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
components/TheSettings.vue
+ 616
− 12
View file @ f10d3bda
<template>
<section>
<svg
xmlns="http://www.w3.org/2000/svg"
class="avatar"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="159.5"
height="147.477"
viewBox="0 0 159.5 147.477"
>
<defs>
<filter
id="Path_15"
x="0"
y="0"
width="159.5"
height="147.477"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur" />
<feComposite in="SourceGraphic" />
</filter>
<filter
id="Ellipse_4"
x="45.75"
y="24"
width="69"
height="69"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur-2" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur-2" />
<feComposite in="SourceGraphic" />
</filter>
</defs>
<g id="Group_38" data-name="Group 38" transform="translate(-118.375 -2424.523)">
<g class="cls-7" transform="matrix(1, 0, 0, 1, 118.38, 2424.52)">
<g id="Path_15-2" data-name="Path 15" class="cls-1" transform="translate(9 6)">
<path class="cls-3" d="M70.75,0a70.755,70.755,0,0,1,40.738,128.6C100.1,136.682,125.06,86.14,70.75,86.14c-53.546,0-29.57,50.468-41.338,42.033A70.754,70.754,0,0,1,70.75,0Z" />
<path class="cls-4" d="M 70.75 7 C 35.59812164306641 7 7 35.59812927246094 7 70.75000762939453 C 7 88.21232604980469 14.17922973632812 104.8271560668945 26.63986968994141 116.7747650146484 C 27.521728515625 103.1919555664062 32.59901428222656 79.14020538330078 70.75 79.14020538330078 C 85.98184967041016 79.14020538330078 97.47605133056641 82.91960144042969 104.9133453369141 90.37342834472656 C 112.9495697021484 98.427490234375 114.5518264770508 108.7513427734375 114.8620452880859 116.7383270263672 C 127.2954940795898 104.7524948120117 134.5 88.1541748046875 134.5 70.75000762939453 C 134.5 35.59812927246094 105.9018707275391 7 70.75 7 M 70.75 0 C 109.8241500854492 0 141.5 31.67585754394531 141.5 70.75000762939453 C 141.5 94.58523559570312 129.7134246826172 115.6675796508789 111.487548828125 128.6019287109375 C 100.1025238037109 136.6821136474609 125.0603485107422 86.14020538330078 70.75 86.14020538330078 C 17.20389556884766 86.14019775390625 41.18025970458984 136.6076507568359 29.41182708740234 128.1735382080078 C 11.67092895507812 115.4601287841797 0 94.46800231933594 0 70.75000762939453 C 0 31.67585754394531 31.67584991455078 0 70.75 0 Z" />
</g>
</g>
<g class="cls-6" transform="matrix(1, 0, 0, 1, 118.38, 2424.52)">
<g id="Ellipse_4-2" data-name="Ellipse 4" class="cls-2" transform="translate(54.75 30)">
<circle class="cls-3" cx="25.5" cy="25.5" r="25.5" />
<circle class="cls-5" cx="25.5" cy="25.5" r="23" />
</g>
</g>
</g>
</svg>
<h2>John Smith</h2>
<ul>
<li><NuxtLink to="change-password">Change password</NuxtLink></li>
<li><NuxtLink to="update">Check for update</NuxtLink></li>
<li><NuxtLink to="clear-data">Clear all data</NuxtLink></li>
<li><NuxtLink to="stats-settings">Stats settings</NuxtLink></li>
<li>Log out</li>
<li>
<svg
class="padlock"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="55"
height="51"
viewBox="0 0 55 51"
>
<defs>
<filter
id="Path_16"
x="3"
y="0"
width="38"
height="49"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur" />
<feComposite in="SourceGraphic" />
</filter>
<filter
id="Subtraction_1"
x="0"
y="11"
width="44"
height="40"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur-2" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur-2" />
<feComposite in="SourceGraphic" />
</filter>
</defs>
<g id="Group_11" data-name="Group 11" transform="translate(-145 -2819)">
<g class="cls-6" transform="matrix(1, 0, 0, 1, 145, 2819)">
<g id="Path_16-2" data-name="Path 16" class="cls-1" transform="translate(12 6)">
<path class="cls-3" d="M8,0h4a8,8,0,0,1,8,8V23a8,8,0,0,1-8,8H8a8,8,0,0,1-8-8V8A8,8,0,0,1,8,0Z" />
<path class="cls-4" d="M 8 3 C 5.242989540100098 3 3 5.242990493774414 3 8 L 3 23 C 3 25.75700950622559 5.242989540100098 28 8 28 L 12 28 C 14.75700950622559 28 17 25.75700950622559 17 23 L 17 8 C 17 5.242990493774414 14.75700950622559 3 12 3 L 8 3 M 8 0 L 12 0 C 16.41827964782715 0 20 3.581720352172852 20 8 L 20 23 C 20 27.41827964782715 16.41827964782715 31 12 31 L 8 31 C 3.581720352172852 31 0 27.41827964782715 0 23 L 0 8 C 0 3.581720352172852 3.581720352172852 0 8 0 Z" />
</g>
</g>
<g class="cls-5" transform="matrix(1, 0, 0, 1, 145, 2819)">
<path id="Subtraction_1-2" data-name="Subtraction 1" class="cls-2" d="M-7,863H-17a8.009,8.009,0,0,1-8-8v-6a8.009,8.009,0,0,1,8-8H-7a8.009,8.009,0,0,1,8,8v6A8.009,8.009,0,0,1-7,863Zm-4.5-19.462c-2.481,0-4.5,1.708-4.5,3.808a3.91,3.91,0,0,0,2.932,3.57l-1.583,5.74a.993.993,0,0,0,.169.872.992.992,0,0,0,.8.394h4.374a.992.992,0,0,0,.8-.394.993.993,0,0,0,.169-.872l-1.583-5.74A3.909,3.909,0,0,0-7,847.346C-7,845.247-9.019,843.539-11.5,843.539Z" transform="translate(34 -824)" />
</g>
</g>
</svg><NuxtLink to="change-password">Change password</NuxtLink>
</li>
<li>
<svg
xmlns="http://www.w3.org/2000/svg"
class="update"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="55"
height="44.808"
viewBox="0 0 54.623 44.808"
>
<defs>
<filter
id="Subtraction_4"
x="0"
y="0"
width="44.623"
height="44.808"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur" />
<feComposite in="SourceGraphic" />
</filter>
</defs>
<g id="Group_31" data-name="Group 31" transform="translate(-111.41 -2642)">
<g id="Group_13" data-name="Group 13" transform="translate(118.025 2648)">
<g id="Group_12" data-name="Group 12" transform="translate(0 0)">
<g class="cls-7" transform="matrix(1, 0, 0, 1, -6.61, -6)">
<g id="Subtraction_4-2" data-name="Subtraction 4" class="cls-1" transform="translate(9 6)">
<path class="cls-5" d="M13.312,26.808A13.4,13.4,0,0,1,.594,17.654l2.336-.5a11.04,11.04,0,0,0,21.309-2.177h2.385A13.4,13.4,0,0,1,13.312,26.808ZM2.384,11.828H0A13.408,13.408,0,0,1,26.029,9.153l-2.336.5A11.04,11.04,0,0,0,2.384,11.827Z" />
<path class="cls-6" d="M 13.3117151260376 26.80796432495117 C 10.45590496063232 26.80796432495117 7.728155136108398 25.92156410217285 5.42334508895874 24.24459457397461 C 3.148065090179443 22.5890941619873 1.478155136108398 20.3101749420166 0.5941551327705383 17.65421485900879 L 2.929675102233887 17.15780448913574 C 4.514835357666016 21.51497459411621 8.686685562133789 24.44210433959961 13.3117151260376 24.44210433959961 C 18.76958465576172 24.44210433959961 23.46704483032227 20.37460327148438 24.23840522766113 14.98075389862061 L 26.62343597412109 14.98075389862061 C 25.83289527893066 21.7237434387207 20.10976600646973 26.80796432495117 13.3117151260376 26.80796432495117 Z M 2.384315013885498 11.82792377471924 L 5.126037649461068e-06 11.82721424102783 C 0.7905351519584656 5.084224224090576 6.513665199279785 4.069824171892833e-06 13.3117151260376 4.069824171892833e-06 C 16.16666603088379 4.069824171892833e-06 18.89403533935547 0.886444091796875 21.19895553588867 2.563483953475952 C 23.47428512573242 4.218994140625 25.14446449279785 6.497673988342285 26.02894592285156 9.153183937072754 L 23.69323539733887 9.649833679199219 C 22.10848426818848 5.292444229125977 17.93683433532715 2.365154027938843 13.3117151260376 2.365154027938843 C 7.854104995727539 2.365154027938843 3.156335115432739 6.432963848114014 2.384315013885498 11.82721424102783 L 2.384315013885498 11.82792377471924 Z" />
</g>
</g>
<path id="Path_30" data-name="Path 30" class="cls-2" d="M3.029,4.386,0,0" transform="translate(1.714 7.138) rotate(23)" />
<path id="Path_29" data-name="Path 29" class="cls-2" d="M0,4.673,2.61,0" transform="translate(4.846 8.04) rotate(23)" />
<path id="Path_31" data-name="Path 31" class="cls-3" d="M0,0,1.54,4.21" transform="translate(28.435 13.861)" />
<line
id="Line_6"
data-name="Line 6"
class="cls-3"
x1="3.696"
y2="2.875"
transform="translate(24.739 13.861)"
/>
</g>
<ellipse
id="Ellipse_8"
data-name="Ellipse 8"
class="cls-4"
cx="1.213"
cy="1.11"
rx="1.213"
ry="1.11"
transform="translate(26.009 8.241)"
/>
<ellipse
id="Ellipse_9"
data-name="Ellipse 9"
class="cls-4"
cx="1.213"
cy="1.11"
rx="1.213"
ry="1.11"
transform="translate(2.911 16.236)"
/>
<circle
id="Ellipse_14"
data-name="Ellipse 14"
class="cls-4"
cx="0.411"
cy="0.411"
r="0.411"
transform="translate(27.511 14.374)"
/>
</g>
</g>
</svg><NuxtLink to="update">Check for update</NuxtLink>
</li>
<li>
<svg
xmlns="http://www.w3.org/2000/svg"
class="trash"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="55"
height="45"
viewBox="0 0 50.5 45"
>
<defs>
<filter
id="Rectangle_15"
x="3"
y="0"
width="33"
height="27"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur" />
<feComposite in="SourceGraphic" />
</filter>
<filter
id="Rectangle_14"
x="0"
y="6"
width="39"
height="39"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur-2" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur-2" />
<feComposite in="SourceGraphic" />
</filter>
<filter
id="Line_8"
x="5.358"
y="11.152"
width="21"
height="28.697"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur-3" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur-3" />
<feComposite in="SourceGraphic" />
</filter>
<filter
id="Line_9"
x="12.015"
y="11.152"
width="21"
height="28.697"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur-4" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur-4" />
<feComposite in="SourceGraphic" />
</filter>
</defs>
<g id="Group_14" data-name="Group 14" transform="translate(36.373 -1900.955)">
<g class="cls-8" transform="matrix(1, 0, 0, 1, -36.37, 1900.96)">
<g id="Rectangle_15-2" data-name="Rectangle 15" class="cls-1" transform="translate(12 6)">
<rect class="cls-3" width="15" height="9" rx="3" />
<rect
class="cls-4"
x="1.5"
y="1.5"
width="12"
height="6"
rx="1.5"
/>
</g>
</g>
<g class="cls-7" transform="matrix(1, 0, 0, 1, -36.37, 1900.96)">
<g id="Rectangle_14-2" data-name="Rectangle 14" class="cls-2" transform="translate(9 12)">
<path class="cls-3" d="M0,0H21a0,0,0,0,1,0,0V16a5,5,0,0,1-5,5H5a5,5,0,0,1-5-5V0A0,0,0,0,1,0,0Z" />
<path class="cls-4" d="M3,1.5H18A1.5,1.5,0,0,1,19.5,3V16A3.5,3.5,0,0,1,16,19.5H5A3.5,3.5,0,0,1,1.5,16V3A1.5,1.5,0,0,1,3,1.5Z" />
</g>
</g>
<line id="Line_7" data-name="Line 7" class="cls-2" x2="26.627" transform="translate(-30.5 1914.211)" />
<g class="cls-6" transform="matrix(1, 0, 0, 1, -36.37, 1900.96)">
<line id="Line_8-2" data-name="Line 8" class="cls-2" y2="7.697" transform="translate(15.86 18.65)" />
</g>
<g class="cls-5" transform="matrix(1, 0, 0, 1, -36.37, 1900.96)">
<line id="Line_9-2" data-name="Line 9" class="cls-2" y2="7.697" transform="translate(22.51 18.65)" />
</g>
</g>
</svg><NuxtLink to="clear-data">Clear all data</NuxtLink>
</li>
<li>
<svg
xmlns="http://www.w3.org/2000/svg"
class="stats"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="55"
height="43.149"
viewBox="0 0 47.595 43.149"
>
<defs>
<filter
id="Line_19"
x="0"
y="16.32"
width="21"
height="26.829"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur" />
<feComposite in="SourceGraphic" />
</filter>
<filter
id="Line_20"
x="5.698"
y="6.994"
width="21"
height="36.155"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur-2" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur-2" />
<feComposite in="SourceGraphic" />
</filter>
<filter
id="Line_21"
x="11.397"
y="11.657"
width="21"
height="31.492"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur-3" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur-3" />
<feComposite in="SourceGraphic" />
</filter>
<filter
id="Line_22"
x="17.095"
y="0"
width="21"
height="43.149"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur-4" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur-4" />
<feComposite in="SourceGraphic" />
</filter>
</defs>
<g id="Group_20" data-name="Group 20" transform="translate(123 -2127.851)">
<g class="cls-5" transform="matrix(1, 0, 0, 1, -123, 2127.85)">
<line id="Line_19-2" data-name="Line 19" class="cls-1" y2="5.829" transform="translate(10.5 23.82)" />
</g>
<g class="cls-4" transform="matrix(1, 0, 0, 1, -123, 2127.85)">
<line id="Line_20-2" data-name="Line 20" class="cls-1" y2="15.155" transform="translate(16.2 14.49)" />
</g>
<g class="cls-3" transform="matrix(1, 0, 0, 1, -123, 2127.85)">
<line id="Line_21-2" data-name="Line 21" class="cls-1" y2="10.492" transform="translate(21.9 19.16)" />
</g>
<g class="cls-2" transform="matrix(1, 0, 0, 1, -123, 2127.85)">
<line id="Line_22-2" data-name="Line 22" class="cls-1" y2="22.149" transform="translate(27.59 7.5)" />
</g>
</g>
</svg><NuxtLink to="stats-settings">Stats settings</NuxtLink>
</li>
<li>
<svg
xmlns="http://www.w3.org/2000/svg"
class="logout"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="55"
height="42.2"
viewBox="0 0 52.47 48"
>
<defs>
<filter
id="Subtraction_6"
x="0"
y="0"
width="44"
height="48"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur" />
<feComposite in="SourceGraphic" />
</filter>
<filter
id="Line_10"
x="6.894"
y="13.121"
width="45.576"
height="21"
filterUnits="userSpaceOnUse"
>
<feOffset dy="3" input="SourceAlpha" />
<feGaussianBlur stdDeviation="3" result="blur-2" />
<feFlood flood-opacity="0.161" />
<feComposite operator="in" in2="blur-2" />
<feComposite in="SourceGraphic" />
</filter>
</defs>
<g id="Group_15" data-name="Group 15" transform="translate(98 -1934.667)">
<g class="cls-7" transform="matrix(1, 0, 0, 1, -98, 1934.67)">
<g id="Subtraction_6-2" data-name="Subtraction 6" class="cls-1" transform="translate(9 6)">
<path class="cls-4" d="M19,30H7a7.008,7.008,0,0,1-7-7V7A7.008,7.008,0,0,1,7,0H19a7.008,7.008,0,0,1,7,7V9.643H23.215V7.214a4.005,4.005,0,0,0-4-4H6.786a4.005,4.005,0,0,0-4,4V22.785a4.005,4.005,0,0,0,4,4H19.214a4.005,4.005,0,0,0,4-4V20.357H26V23A7.008,7.008,0,0,1,19,30Z" />
<path class="cls-5" d="M 18.99990081787109 29.99970054626465 L 7.00020170211792 29.99970054626465 C 3.140281438827515 29.99970054626465 1.498413098488527e-06 26.85983085632324 1.498413098488527e-06 23.00040054321289 L 1.498413098488527e-06 7.000200271606445 C 1.498413098488527e-06 3.140280246734619 3.140281438827515 2.731323149873788e-07 7.00020170211792 2.731323149873788e-07 L 18.99990081787109 2.731323149873788e-07 C 22.85982131958008 2.731323149873788e-07 26.00010108947754 3.140280246734619 26.00010108947754 7.000200271606445 L 26.00010108947754 9.642600059509277 L 23.21460151672363 9.642600059509277 L 23.21460151672363 7.214400291442871 C 23.21460151672363 5.008520126342773 21.41998100280762 3.213900327682495 19.21410179138184 3.213900327682495 L 6.786001682281494 3.213900327682495 C 4.580121517181396 3.213900327682495 2.785501480102539 5.008520126342773 2.785501480102539 7.214400291442871 L 2.785501480102539 22.78530120849609 C 2.785501480102539 24.99118041992188 4.580121517181396 26.78580093383789 6.786001682281494 26.78580093383789 L 19.21410179138184 26.78580093383789 C 21.41998100280762 26.78580093383789 23.21460151672363 24.99118041992188 23.21460151672363 22.78530120849609 L 23.21460151672363 20.35709953308105 L 26.00010108947754 20.35709953308105 L 26.00010108947754 23.00040054321289 C 26.00010108947754 26.85983085632324 22.85982131958008 29.99970054626465 18.99990081787109 29.99970054626465 Z" />
</g>
</g>
<g class="cls-6" transform="matrix(1, 0, 0, 1, -98, 1934.67)">
<line id="Line_10-2" data-name="Line 10" class="cls-2" x2="27.576" transform="translate(15.89 20.62)" />
</g>
<line
id="Line_11"
data-name="Line 11"
class="cls-3"
y1="4.34"
x2="5.303"
transform="translate(-59.303 1955.289)"
/>
<line
id="Line_12"
data-name="Line 12"
class="cls-3"
x2="5.303"
y2="4.34"
transform="translate(-59.303 1950.948)"
/>
</g>
</svg>
Log out
</li>
</ul>
</section>
</template>
......@@ -15,15 +444,43 @@
</script>
<style scoped>
<style lang="scss" scoped>
section {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
.avatar{
.cls-1, .cls-5 {
fill: none;
}
.cls-2 {
fill: #fff;
stroke: #fff;
stroke-width: 5px;
}
.cls-3, .cls-4 {
stroke: none;
}
.cls-4 {
fill: #fff;
}
.cls-6 {
filter: url(#Ellipse_4);
}
.cls-7 {
filter: url(#Path_15);
}
}
}
h2 {
margin-bottom: 3em;
margin-bottom: 1.5em;
font-size: 2.2rem;
}
ul {
......@@ -36,16 +493,163 @@ li {
padding: .5em;
margin-bottom: .5em;
position: relative;
display: flex;
align-items: center;
font-size: 1.17rem;
svg{
}
.padlock{
.cls-1 {
fill: none;
stroke-linecap: round;
}
.cls-2 {
fill: #fff;
}
.cls-3, .cls-4 {
stroke: none;
}
.cls-4 {
fill: #fff;
}
.cls-5 {
filter: url(#Subtraction_1);
}
.cls-6 {
filter: url(#Path_16);
}
}
.update{
.cls-1, .cls-2, .cls-4 {
fill: #fff;
}
.cls-2, .cls-3 {
stroke: #fff;
stroke-linecap: round;
stroke-width: 3px;
}
.cls-3 {
fill: none;
}
.cls-5, .cls-6 {
stroke: none;
}
.cls-6 {
fill: #fff;
}
.cls-7 {
filter: url(#Subtraction_4);
}
}
.trash{
.cls-1, .cls-2, .cls-4 {
fill: none;
}
.cls-1, .cls-2 {
stroke: #fff;
stroke-width: 3px;
}
.cls-2 {
stroke-linecap: round;
}
.cls-3 {
stroke: none;
}
.cls-5 {
filter: url(#Line_9);
}
.cls-6 {
filter: url(#Line_8);
}
.cls-7 {
filter: url(#Rectangle_14);
}
.cls-8 {
filter: url(#Rectangle_15);
}
}
.stats{
.cls-1 {
fill: none;
stroke: #fff;
stroke-linecap: round;
stroke-width: 3px;
}
.cls-2 {
filter: url(#Line_22);
}
.cls-3 {
filter: url(#Line_21);
}
.cls-4 {
filter: url(#Line_20);
}
.cls-5 {
filter: url(#Line_19);
}
}
.logout{
.cls-1, .cls-2, .cls-3 {
fill: none;
}
.cls-2, .cls-3 {
stroke: #fff;
stroke-width: 3px;
}
.cls-3 {
stroke-linecap: round;
}
.cls-4, .cls-5 {
stroke: none;
}
.cls-5 {
fill: #fff;
}
.cls-6 {
filter: url(#Line_10);
}
.cls-7 {
filter: url(#Subtraction_6);
}
}
}
li::after {
content: '';
position: absolute;
right: 0;
top: calc(1.25em - 5px);
width: 10px;
height: 10px;
border-top: 2px solid white;
border-right: 2px solid white;
top: calc(1.25em - 1.8px);
width: 15px;
height: 15px;
border-top: 4px solid white;
border-right: 4px solid white;
border-radius:3px;
transform: rotate(45deg);
}
</style>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment