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

Scale clear data page

parent c816234d
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 108 additions and 119 deletions
pages/Clear-Data.vue
+ 108
− 119
View file @ 970f93c9
...@@ -4,140 +4,127 @@ ...@@ -4,140 +4,127 @@
<NuxtLink to="/" class="link-back">Clear data</NuxtLink> <NuxtLink to="/" class="link-back">Clear data</NuxtLink>
<h1 class="sure">Are you 100% sure?</h1> <h1 class="sure">Are you 100% sure?</h1>
<h2 class="warning">Warning!<br>This process is irreversible</h2> <h2 class="warning">Warning!<br>This process is irreversible</h2>
<NuxtLink to="/"><svg <NuxtLink to="/">
class="bigtrash" <svg
xmlns="http://www.w3.org/2000/svg" class="bigtrash"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"
width="39" xmlns:xlink="http://www.w3.org/1999/xlink"
height="45" width="39"
viewBox="0 0 39 45" height="45"
> viewBox="0 0 39 45"
<defs> >
<filter <defs>
id="Rectangle_15" <filter
x="3" id="Rectangle_15"
y="0" x="3"
width="33" y="0"
height="27" width="33"
filterUnits="userSpaceOnUse" height="27"
> filterUnits="userSpaceOnUse"
<feOffset dy="3" input="SourceAlpha" /> >
<feGaussianBlur stdDeviation="3" result="blur" /> <feOffset dy="3" input="SourceAlpha" />
<feFlood flood-opacity="0.161" /> <feGaussianBlur stdDeviation="3" result="blur" />
<feComposite operator="in" in2="blur" /> <feFlood flood-opacity="0.161" />
<feComposite in="SourceGraphic" /> <feComposite operator="in" in2="blur" />
</filter> <feComposite in="SourceGraphic" />
<filter </filter>
id="Rectangle_14" <filter
x="0" id="Rectangle_14"
y="6" x="0"
width="39" y="6"
height="39" width="39"
filterUnits="userSpaceOnUse" height="39"
> filterUnits="userSpaceOnUse"
<feOffset dy="3" input="SourceAlpha" /> >
<feGaussianBlur stdDeviation="3" result="blur-2" /> <feOffset dy="3" input="SourceAlpha" />
<feFlood flood-opacity="0.161" /> <feGaussianBlur stdDeviation="3" result="blur-2" />
<feComposite operator="in" in2="blur-2" /> <feFlood flood-opacity="0.161" />
<feComposite in="SourceGraphic" /> <feComposite operator="in" in2="blur-2" />
</filter> <feComposite in="SourceGraphic" />
<filter </filter>
id="Line_8" <filter
x="5.358" id="Line_8"
y="11.152" x="5.358"
width="21" y="11.152"
height="28.697" width="21"
filterUnits="userSpaceOnUse" height="28.697"
> filterUnits="userSpaceOnUse"
<feOffset dy="3" input="SourceAlpha" /> >
<feGaussianBlur stdDeviation="3" result="blur-3" /> <feOffset dy="3" input="SourceAlpha" />
<feFlood flood-opacity="0.161" /> <feGaussianBlur stdDeviation="3" result="blur-3" />
<feComposite operator="in" in2="blur-3" /> <feFlood flood-opacity="0.161" />
<feComposite in="SourceGraphic" /> <feComposite operator="in" in2="blur-3" />
</filter> <feComposite in="SourceGraphic" />
<filter </filter>
id="Line_9" <filter
x="12.015" id="Line_9"
y="11.152" x="12.015"
width="21" y="11.152"
height="28.697" width="21"
filterUnits="userSpaceOnUse" height="28.697"
> filterUnits="userSpaceOnUse"
<feOffset dy="3" input="SourceAlpha" /> >
<feGaussianBlur stdDeviation="3" result="blur-4" /> <feOffset dy="3" input="SourceAlpha" />
<feFlood flood-opacity="0.161" /> <feGaussianBlur stdDeviation="3" result="blur-4" />
<feComposite operator="in" in2="blur-4" /> <feFlood flood-opacity="0.161" />
<feComposite in="SourceGraphic" /> <feComposite operator="in" in2="blur-4" />
</filter> <feComposite in="SourceGraphic" />
</defs> </filter>
<g id="Group_14" data-name="Group 14" transform="translate(36.373 -1900.955)"> </defs>
<g class="cls-8" transform="matrix(1, 0, 0, 1, -36.37, 1900.96)"> <g id="Group_14" data-name="Group 14" transform="translate(36.373 -1900.955)">
<g id="Rectangle_15-2" data-name="Rectangle 15" class="cls-1" transform="translate(12 6)"> <g class="cls-8" transform="matrix(1, 0, 0, 1, -36.37, 1900.96)">
<rect class="cls-3" width="15" height="9" rx="3" /> <g id="Rectangle_15-2" data-name="Rectangle 15" class="cls-1" transform="translate(12 6)">
<rect <rect class="cls-3" width="15" height="9" rx="3" />
class="cls-4" <rect
x="1.5" class="cls-4"
y="1.5" x="1.5"
width="12" y="1.5"
height="6" width="12"
rx="1.5" height="6"
/> rx="1.5"
/>
</g>
</g> </g>
</g> <g class="cls-7" transform="matrix(1, 0, 0, 1, -36.37, 1900.96)">
<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)">
<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-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
<path class="cls-4"
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"
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>
</g> </g>
<line id="Line_7" data-name="Line 7" class="cls-2" x2="26.627" transform="translate(-30.5 1914.211)" /> </svg>
<g class="cls-6" transform="matrix(1, 0, 0, 1, -36.37, 1900.96)"> </NuxtLink>
<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>
</div> </div>
</section> </section>
</template> </template>
<script> <script>
export default {
layout: 'settingLayout'
}
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.clear-section { .clear-section {
.link-back::before {
content: '';
position: absolute;
left: 40%;
top: 1.9em;
width: 25px;
height: 25px;
border-top: 6px solid white;
border-right: 6px solid white;
border-radius: 6px;
transform: rotate(225deg);
box-shadow: 1px -2px 2px #333;
}
height: 620px;
margin-bottom: 150px;
margin-top: 40px;
width: auto; width: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
font-size: 1.3rem; font-size: 2.5vh;
text-shadow: 0 4px 7px #333; text-shadow: 0 4px 7px #333;
.sure { .sure {
font-size: 1.7rem; font-size: 3.5vh;
margin-top: 2em; margin-top: 2em;
} }
...@@ -145,13 +132,15 @@ ...@@ -145,13 +132,15 @@
color: #B84D4D; color: #B84D4D;
padding-top: 1em; padding-top: 1em;
font-size: 1.3rem; font-size: 2.5vh;
text-shadow: none;
} }
} }
.bigtrash { .bigtrash {
transform: scale(10); position: relative;
margin-top: 7em; height:60vh;
width: auto;
.cls-1, .cls-2, .cls-4 { .cls-1, .cls-2, .cls-4 {
fill: none; fill: none;
......
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