🎨 optimized code
This commit is contained in:
@@ -1,7 +1,3 @@
|
||||
//body {
|
||||
// display: block;
|
||||
// background-color: #ffbf00;
|
||||
//}
|
||||
.section-center {
|
||||
position: relative;
|
||||
width: 600px;
|
||||
|
@@ -1,13 +1,4 @@
|
||||
<script lang="ts">
|
||||
import {defineComponent} from 'vue';
|
||||
|
||||
export default defineComponent({
|
||||
name: "BoxDog"
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<body translate="no">
|
||||
<div class="container">
|
||||
<div class="box">
|
||||
<div class="sign"></div>
|
||||
@@ -91,9 +82,10 @@ export default defineComponent({
|
||||
<div class="yellow-shape"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
|
||||
<style src="./index.scss" scoped>
|
||||
</script>
|
||||
<style src="./index.scss" lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
|
@@ -1,27 +1,3 @@
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
position: relative;
|
||||
background: transparent !important;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
|
@@ -358,7 +358,7 @@ svg:not(:root) {
|
||||
left: 15%;
|
||||
transform: translateY(-50%);
|
||||
padding: 12px 16px;
|
||||
font-family: "Montserrat";
|
||||
font-family: "Montserrat",serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.1em;
|
||||
letter-spacing: 0.1em;
|
||||
|
Reference in New Issue
Block a user