brian/activist
1
0
Fork 0
Code Activity Actions

this is my sticker button

Browse source
This commit is contained in:
Brian D 2024-11-26 08:51:46 -05:00
parent 3ef1507bab
commit 0de75f5913
2 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
server.js
View file

@ -9,7 +9,7 @@ const user = JSON.stringify({
const stickers = { const stickers = {
"88ae126f-b19a-4287-abe0-a8f5ac763cb7": { "88ae126f-b19a-4287-abe0-a8f5ac763cb7": {
backgroundColor: "#000088", color: "#000088",
layout: "layout1", layout: "layout1",
message1: "I am an activist!", message1: "I am an activist!",
}, },

18
src/views/StickerView.vue
View file

@ -48,18 +48,11 @@ const second = computed(() => {
<div class="flex flex-col gap-5"> <div class="flex flex-col gap-5">
<div id="StickerWrapper"> <div id="StickerWrapper">
<Sticker <Sticker
:color="stickerStore.sticker.backgroundColor" v-bind="stickerStore.sticker"
:layout="stickerStore.sticker.layout"
:message1="stickerStore.sticker.message1"
message2="message2"
message3="message3"
message4="message4"
v-if="stickerStore.sticker" v-if="stickerStore.sticker"
/> />
</div> </div>
<Button <Button v-bind:disabled="userStore.isAnonymous">
v-bind:disabled="userStore.isAnonymous"
>
This is my sticker! This is my sticker!
</Button> </Button>
<span v-if="userStore.isAnonymous"> <span v-if="userStore.isAnonymous">
@ -69,3 +62,10 @@ const second = computed(() => {
</Panel> </Panel>
</div> </div>
</template> </template>
<style scoped>
#StickerWrapper {
background-color: #DDD;
padding: 12px;
}
</style>