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

Add turn off option

parent 2807e841
Branches
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
assets/svg/turnoff.svg 0 → 100644
+ 46
− 0
View file @ 395ba79a
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27" height="31.5" viewBox="0 0 27 31.5">
<defs>
<style>
.cls-1, .cls-3, .cls-4, .cls-6 {
fill: none;
}
.cls-1 {
stroke: #707070;
}
.cls-2 {
clip-path: url(#clip-path);
}
.cls-3, .cls-4 {
stroke: #fff;
}
.cls-3 {
stroke-width: 3px;
}
.cls-4 {
stroke-linecap: round;
stroke-width: 4px;
}
.cls-5 {
stroke: none;
}
</style>
<clipPath id="clip-path">
<path id="Path_44" data-name="Path 44" class="cls-1" d="M1038,2188v27h27v-27h-9v9.31h-9.052V2188Z" transform="translate(-912 835)"/>
</clipPath>
</defs>
<g id="Group_40" data-name="Group 40" transform="translate(-126 -3018.5)">
<g id="Mask_Group_10" data-name="Mask Group 10" class="cls-2">
<g id="Ellipse_19" data-name="Ellipse 19" class="cls-3" transform="translate(126 3023)">
<circle class="cls-5" cx="13.5" cy="13.5" r="13.5"/>
<circle class="cls-6" cx="13.5" cy="13.5" r="12"/>
</g>
</g>
<line id="Line_35" data-name="Line 35" class="cls-4" y1="12" transform="translate(139.5 3020.5)"/>
</g>
</svg>
components/TheSettings.vue
+ 171
− 45
View file @ 395ba79a
<template>
<section class="settings-section" id="settings-section">
<section id="settings-section" class="settings-section">
<svg
xmlns="http://www.w3.org/2000/svg"
class="avatar"
......@@ -41,8 +41,14 @@
<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" />
<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)">
......@@ -98,14 +104,24 @@
<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" />
<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)" />
<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>
</svg>
<NuxtLink to="change-password">Change password</NuxtLink>
</li>
<li>
<svg
......@@ -137,13 +153,37 @@
<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" />
<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)" />
<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"
......@@ -184,7 +224,8 @@
/>
</g>
</g>
</svg><NuxtLink to="update">Check for update</NuxtLink>
</svg>
<NuxtLink to="update">Check for update</NuxtLink>
</li>
<li>
<svg
......@@ -270,7 +311,10 @@
<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" />
<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)" />
......@@ -281,7 +325,8 @@
<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>
</svg>
<NuxtLink to="/clear-data">Clear all data</NuxtLink>
</li>
<li>
<svg
......@@ -365,7 +410,8 @@
<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>
</svg>
<NuxtLink to="stats-settings">Stats settings</NuxtLink>
</li>
<li>
<svg
......@@ -409,8 +455,14 @@
<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" />
<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)">
......@@ -436,6 +488,38 @@
</svg>
Log out
</li>
<li class="power-off">
<svg
xmlns="http://www.w3.org/2000/svg"
class="poweroff"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="27"
height="31.5"
viewBox="0 0 27 31.5"
>
<defs>
<clipPath id="clip-path">
<path
id="Path_44"
data-name="Path 44"
class="cls-1"
d="M1038,2188v27h27v-27h-9v9.31h-9.052V2188Z"
transform="translate(-912 835)"
/>
</clipPath>
</defs>
<g id="Group_40" data-name="Group 40" transform="translate(-126 -3018.5)">
<g id="Mask_Group_10" data-name="Mask Group 10" class="cls-2">
<g id="Ellipse_19" data-name="Ellipse 19" class="cls-3" transform="translate(126 3023)">
<circle class="cls-5" cx="13.5" cy="13.5" r="13.5" />
<circle class="cls-6" cx="13.5" cy="13.5" r="12" />
</g>
</g>
<line id="Line_35" data-name="Line 35" class="cls-4" y1="12" transform="translate(139.5 3020.5)" />
</g>
</svg>
Power off
</li>
</ul>
</section>
</template>
......@@ -452,6 +536,7 @@
align-items: center;
text-shadow: 0 4px 7px #333;
.avatar {
.cls-1, .cls-5 {
fill: none;
......@@ -479,8 +564,9 @@
filter: url(#Path_15);
}
}
.John {
margin-bottom: 1.5em;
margin-bottom: 1.2em;
font-size: 2.2rem;
}
}
......@@ -489,6 +575,7 @@ ul {
/*margin: 0 auto;*/
width: 80%;
}
li {
border-bottom: 2px solid white;
text-align: left;
......@@ -498,8 +585,40 @@ li {
display: flex;
align-items: center;
font-size: 1.17rem;
svg{
.poweroff {
margin: 3.3px 17.5px 10px .5em;
.cls-1, .cls-3, .cls-4, .cls-6 {
fill: none;
}
.cls-1 {
stroke: #707070;
}
.cls-2 {
clip-path: url(#clip-path);
}
.cls-3, .cls-4 {
stroke: #B84D4D;
}
.cls-3 {
stroke-width: 3px;
}
.cls-4 {
stroke-linecap: round;
stroke-width: 4px;
}
.cls-5 {
stroke: none;
}
}
.padlock {
.cls-1 {
fill: none;
......@@ -526,6 +645,7 @@ li {
filter: url(#Path_16);
}
}
.update {
.cls-1, .cls-2, .cls-4 {
fill: #fff;
......@@ -553,6 +673,7 @@ li {
filter: url(#Subtraction_4);
}
}
.trash {
.cls-1, .cls-2, .cls-4 {
fill: none;
......@@ -587,6 +708,7 @@ li {
filter: url(#Rectangle_15);
}
}
.stats {
.cls-1 {
fill: none;
......@@ -611,6 +733,7 @@ li {
filter: url(#Line_19);
}
}
.logout {
.cls-1, .cls-2, .cls-3 {
fill: none;
......@@ -642,6 +765,9 @@ li {
}
}
}
.power-off{
color: #B84D4D;
}
li::after {
content: '';
position: absolute;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment