reduce test component

This commit is contained in:
Simon Knott 2024-10-04 12:31:33 +02:00
parent 75636744ba
commit 7ea87094e8
No known key found for this signature in database
GPG key ID: 8CEDC00028084AEC

View file

@ -1,42 +1,3 @@
<script setup>
defineProps({
msg: {
type: String,
required: true
}
})
</script>
<template>
<div class="greetings">
<h1 class="green">{{ msg }}</h1>
<h3>
<slot>default value</slot>
</h3>
</div>
</template>
<style scoped>
h1 {
font-weight: 500;
font-size: 2.6rem;
position: relative;
top: -10px;
}
h3 {
font-size: 1.2rem;
}
.greetings h1,
.greetings h3 {
text-align: center;
}
@media (min-width: 1024px) {
.greetings h1,
.greetings h3 {
text-align: left;
}
}
</style>