From 3c0ffcaf710fd029ee2783b6fc5e079df4cdc9f0 Mon Sep 17 00:00:00 2001
From: Freeplay <freeplay@duck.com>
Date: Tue, 13 Jun 2023 19:34:08 -0400
Subject: [PATCH] add buttons
---
packages/client/src/components/MkButton.vue | 2 +
packages/client/src/style.scss | 5 +++
packages/client/src/ui/universal.vue | 6 +--
packages/client/src/ui/visitor/kanban.vue | 50 +++++++++++++++++++--
4 files changed, 55 insertions(+), 8 deletions(-)
diff --git a/packages/client/src/components/MkButton.vue b/packages/client/src/components/MkButton.vue
index aa0adb54bd..43aabccc84 100644
--- a/packages/client/src/components/MkButton.vue
+++ b/packages/client/src/components/MkButton.vue
@@ -17,6 +17,7 @@
class="bghgjjyj _button"
:class="{ inline, primary, gradate, danger, rounded, full, mini }"
:to="to"
+ :behavior="behavior"
@mousedown="onMousedown"
>
<div ref="ripples" class="ripples"></div>
@@ -43,6 +44,7 @@ const props = defineProps<{
full?: boolean;
mini?: boolean;
chip?: boolean;
+ behavior?: null | "window" | "browser" | "modalWindow";
}>();
const emit = defineEmits<{
diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss
index 38870cc561..9e94cc553f 100644
--- a/packages/client/src/style.scss
+++ b/packages/client/src/style.scss
@@ -488,6 +488,11 @@ hr {
}
}
+._full {
+ width: 100%;
+ grid-column: -1/1;
+}
+
._formLinks {
> *:not(:last-child) {
margin-bottom: 8px;
diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue
index 985383b68e..563523dbda 100644
--- a/packages/client/src/ui/universal.vue
+++ b/packages/client/src/ui/universal.vue
@@ -3,7 +3,8 @@
class="dkgtipfy"
:class="{ wallpaper, isMobile, centered: ui === 'classic' }"
>
- <XSidebar v-if="!isMobile" />
+ <XSidebar v-if="!isMobile && $i" />
+ <XKanban class="kanban" full v-if="!$i" />
<MkStickyContainer class="contents">
<template #header
@@ -133,9 +134,6 @@
<i class="ph-user-plus ph-bold ph-lg"></i>
</button>
</template>
- <template v-else>
- <XKanban class="kanban" full />
- </template>
<transition :name="$store.state.animation ? 'menuDrawer-back' : ''">
<div
diff --git a/packages/client/src/ui/visitor/kanban.vue b/packages/client/src/ui/visitor/kanban.vue
index a21912fb27..bd21e269da 100644
--- a/packages/client/src/ui/visitor/kanban.vue
+++ b/packages/client/src/ui/visitor/kanban.vue
@@ -28,6 +28,41 @@
></XShowMoreButton>
</div>
+ <section>
+ <div class="_formLinksGrid">
+ <MkButton
+ primary gradate
+ rounded
+ >
+ <i
+ class="ph-sign-in ph-bold"
+ ></i>
+ Sign Up
+ </MkButton>
+ <MkButton
+ rounded
+ >
+ <i
+ class="ph-sign-out ph-bold"
+ ></i>
+ Log In
+ </MkButton>
+ <MkButton
+ :link="true"
+ :behavior="'browser'"
+ rounded
+ full
+ to="https://calckey.org/join/"
+ class="_full"
+ >
+ <i
+ class="ph-airplane-tilt ph-bold"
+ ></i>
+ Find another server
+ </MkButton>
+ </div>
+ </section>
+
<FormSection>
<div class="_formLinksGrid">
<FormLink v-if="meta?.tosUrl" :to="meta.tosUrl"
@@ -37,11 +72,18 @@
></i></template
>{{ i18n.ts.tos }}
</FormLink>
+ <FormLink v-if="meta?.tosUrl" :to="meta.tosUrl"
+ ><template #icon
+ ><i
+ class="ph-prohibit ph-bold ph-lg"
+ ></i></template
+ >Blocked servers
+ </FormLink>
</div>
</FormSection>
- <section class="announcements">
- <h1>{{ i18n.ts.announcements }}</h1>
+ <FormSection class="announcements">
+ <h3>{{ i18n.ts.announcements }}</h3>
<MkPagination
v-slot="{ items }"
:pagination="announcements"
@@ -65,7 +107,7 @@
</div>
</article>
</MkPagination>
- </section>
+ </FormSection>
<div v-if="poweredBy" class="powered-by">
<b
><MkA to="/">{{ host }}</MkA></b
@@ -109,7 +151,7 @@ let collapsed = $ref(!isLong);
os.api("meta", { detail: true }).then((res) => {
meta = res;
- isLong = meta.description && (meta.description.length > 100);
+ isLong = meta.description && (meta.description.length > 500);
});