adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

utena frame?

Browse Source
This commit is contained in:
Adam French
2026-02-04 17:21:16 +00:00
parent dd11f198a2
commit a6279e5c21
2 changed files with 37 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
nginx/vue/src/components/borders/UtenaFrame.vue
View File

@@ -1,34 +1,41 @@
<template>
<img src="/img/borders/utena.png" class="flower tl antirotate" />
<img src="/img/borders/utena.png" class="flower tr rotate" />
<img src="/img/borders/utena.png" class="flower bl rotate" />
<img src="/img/borders/utena.png" class="flower br antirotate" />
<slot />
<div class="container">
<img src="/img/borders/utena.png" class="flower tl antirotate" />
<img src="/img/borders/utena.png" class="flower tr rotate" />
<img src="/img/borders/utena.png" class="flower bl rotate" />
<img src="/img/borders/utena.png" class="flower br antirotate" />
<slot />
</div>
</template>
<style scoped>
.container {
position: relative;
margin: 100px;
}
.flower {
position: absolute;
width: 150px;
}
.tl {
top: 100px;
left: 0px;
top: -80px;
left: -80px;
--start: 0deg;
}
.tr {
top: 100px;
right: 0;
top: -80px;
right: -80px;
--start: 90deg;
}
.bl {
bottom: -100px;
left: 0;
bottom: -80px;
left: -80px;
--start: 180deg;
}
.br {
bottom: -100px;
right: 0;
bottom: -80px;
right: -80px;
--start: 270deg;
}
.rotate {