From b2563f91463cf21eec639f4d2c68709f41e94cae Mon Sep 17 00:00:00 2001 From: Beluzsar Peter Date: Sat, 26 Sep 2026 23:10:14 +0200 Subject: [PATCH] some frontend --- public/skonk/navigation/wish_icon.png | Bin 0 -> 3843 bytes resources/css/app.css | 4 +- resources/js/components/BottomFleur.vue | 2 +- resources/js/components/Header.vue | 28 +++++++++----- resources/js/components/NavItem.vue | 49 ++++++++++++++++++++++++ resources/js/components/Wish.vue | 16 +++++--- resources/js/components/WishPanel.vue | 3 +- resources/js/pages/HomeView.vue | 2 - 8 files changed, 82 insertions(+), 22 deletions(-) create mode 100644 public/skonk/navigation/wish_icon.png create mode 100644 resources/js/components/NavItem.vue diff --git a/public/skonk/navigation/wish_icon.png b/public/skonk/navigation/wish_icon.png new file mode 100644 index 0000000000000000000000000000000000000000..ea702a1ad0d7f233f1c4e70bd0167d447d3b98c5 GIT binary patch literal 3843 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 FV1nKeCN2N~ literal 0 HcmV?d00001 diff --git a/resources/css/app.css b/resources/css/app.css index 529bd6f..de7e9f7 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -12,7 +12,7 @@ --background-color: rgba(10,10,10,1); --color-primary: rgb(250, 250, 250); --color-a-primary: rgb(221, 221, 221); - --color-a-visited: rgb(142, 142, 142); + --color-a-visited: rgb(221, 221, 221); } @font-face { @@ -44,7 +44,7 @@ body { height: 100%; font-family: Perpetua Regular; color: var(--color-primary); - cursor: url('/skonk/cursor.png'); + cursor: url('skonk/cursor.png'), auto; } a { diff --git a/resources/js/components/BottomFleur.vue b/resources/js/components/BottomFleur.vue index 80ac85b..00cbf00 100644 --- a/resources/js/components/BottomFleur.vue +++ b/resources/js/components/BottomFleur.vue @@ -9,7 +9,7 @@ \ No newline at end of file diff --git a/resources/js/components/NavItem.vue b/resources/js/components/NavItem.vue new file mode 100644 index 0000000..833f49c --- /dev/null +++ b/resources/js/components/NavItem.vue @@ -0,0 +1,49 @@ + + + + + \ No newline at end of file diff --git a/resources/js/components/Wish.vue b/resources/js/components/Wish.vue index d4d24c4..02be449 100644 --- a/resources/js/components/Wish.vue +++ b/resources/js/components/Wish.vue @@ -55,7 +55,7 @@ function openWish() {

Lorem Ipsum
-
+
{{ wish.title }}
@@ -75,6 +75,10 @@ function openWish() { width: 100%; filter: opacity(20%); } +.large-text-normal { + text-align: left; + line-height: normal; +} .z-index-normal { z-index: 10; } @@ -111,16 +115,16 @@ img.cursor{ text-transform: uppercase; text-align: left; font-size: 2.3vh; - margin-top: 15px; + margin-top: 5px; } .large-icon { text-align: center; display: block; - max-width: 100%; - max-height: 100%; - width: auto; + width: 100%; + height: 100%; + margin-top: auto; + margin-bottom: auto; - margin: 10px; } .large-text { display: flex; diff --git a/resources/js/components/WishPanel.vue b/resources/js/components/WishPanel.vue index 98087e2..5b3055e 100644 --- a/resources/js/components/WishPanel.vue +++ b/resources/js/components/WishPanel.vue @@ -27,13 +27,12 @@ onMounted(() => {

{{ wish.description }}

-
Promise - Back + Close
diff --git a/resources/js/pages/HomeView.vue b/resources/js/pages/HomeView.vue index 7d5fbff..fc46694 100644 --- a/resources/js/pages/HomeView.vue +++ b/resources/js/pages/HomeView.vue @@ -95,11 +95,9 @@ onMounted(() => { .v-enter-active { transition: opacity 0.5s ease; } - .v-enter-from { opacity: 0; } - .desktop-container { display: grid; grid-template-columns: repeat(3, 1fr);