This commit is contained in:
@@ -20,10 +20,14 @@ onMounted(() => {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="panel-container main-panel">
|
||||
<h1>{{ wish.title }}</h1>
|
||||
<img :src="'/skonk/divider.png'" style="width: 90%; margin: auto;">
|
||||
<div class="panel-container main-panel">
|
||||
<h1>{{ wish.title }}</h1>
|
||||
<p>
|
||||
{{ wish.description }}
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="css" scoped>
|
||||
@@ -31,14 +35,22 @@ onMounted(() => {
|
||||
.main-panel {
|
||||
width: 100%;
|
||||
margin: 30px;
|
||||
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2vh;
|
||||
font-size: 3vh;
|
||||
margin-right: 40px;
|
||||
text-wrap: wrap;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 2vh;
|
||||
color: rgb(200,200,200);
|
||||
margin-right: 50px;
|
||||
margin-top: 40px;
|
||||
text-wrap: wrap;
|
||||
}
|
||||
|
||||
.panel-container {
|
||||
top: 50%;
|
||||
|
||||
Reference in New Issue
Block a user