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

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

@@ -1,34 +1,41 @@
<template>
<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 {

10
nginx/vue/src/views/Home.vue
View File

@@ -13,12 +13,15 @@ import Collage from "@/components/home/Collage.vue";
import Favorites from "@/components/home/Favorites.vue";
import Gym from "@/components/home/Gym.vue";
import Consumption from "@/components/home/Consumption.vue";
import UtenaFrame from "@/components/borders/UtenaFrame.vue";
</script>
<template>
<main class="halftone justify-center flex flex-row w-full h-full p-10">
<main class="halftone justify-center flex flex-row w-full h-full">
<div class="a4height flex flex-row">
<div class="a4page-portrait bdr-1 homeGrid relative">
<UtenaFrame class="w-fit h-fit">
<div class="a4page-portrait homeGrid relative">
<Intro class="intro" />
<Listening class="listening" />
<Stamps class="stamps" />
@@ -29,8 +32,9 @@ import Consumption from "@/components/home/Consumption.vue";
<Favorites class="favorites" />
<Gym class="gym" />
</div>
</UtenaFrame>
<div
class="flex flex-col sidebar border-primary place-content-between h-full sticky m-10 w-60"
class="flex flex-col sidebar border-primary place-content-between h-full sticky mt-34 w-60"
>
<div class="flex flex-col">
<Time />