Skip to content

Commit 0a74834

Browse files
botkalistabotkalista
committed
Fix responsiveness + other things
1 parent 06fb8bf commit 0a74834

File tree

16 files changed

+56
-42
lines changed

16 files changed

+56
-42
lines changed

‎dashboard/components/BarCard/Base.vue‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -125,11 +125,10 @@ function openExternalLink(link: string) {
125125
</div>
126126
</div>
127127
</div>
128-
129128
<div class="text-text font-semibold text-[.9rem] md:text-[1rem] manrope"> {{
130129
formatNumberK(element.count) }} </div>
131130
</div>
132-
<div v-if="props.data.length == 0" class="flex justify-center text-text-sub font-bold text-[1.1rem]">
131+
<div v-if="props.data.length == 0" class="flex justify-center text-text-sub font-light text-[1.1rem]">
133132
No data yet
134133
</div>
135134
</div>

‎dashboard/components/CVerticalNavigation.vue‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -203,12 +203,12 @@ const pricingDrawer = usePricingDrawer();
203203
<div v-if="snapshot" class="flex flex-col text-[.7rem] mt-2">
204204
<div class="flex gap-1 items-center justify-center text-lyx-text-dark">
205205
<div class="poppins">
206-
{{ new Date(snapshot.from).toLocaleString('it-IT').split(',')[0].trim().replace(/\//g, '-')
206+
{{ new Date(snapshot.from).toLocaleString().split(',')[0].trim()
207207
}}
208208
</div>
209209
<div class="poppins"> to </div>
210210
<div class="poppins">
211-
{{ new Date(snapshot.to).toLocaleString('it-IT').split(',')[0].trim().replace(/\//g, '-') }}
211+
{{ new Date(snapshot.to).toLocaleString().split(',')[0].trim() }}
212212
</div>
213213
</div>
214214

@@ -243,7 +243,7 @@ const pricingDrawer = usePricingDrawer();
243243

244244
<div v-for="entry of section.entries" :class="{ 'grow flex items-end': entry.grow }">
245245

246-
<div v-if="(!entry.adminOnly || (userRoles.isAdmin && !isAdminHidden))"
246+
<div v-if="(!entry.adminOnly || (userRoles.isAdmin.value && !isAdminHidden))"
247247
class="bg-lyx-background w-full cursor-pointer text-lyx-text-dark py-[.35rem] px-2 rounded-lg text-[.95rem] flex items-center"
248248
:class="{
249249
'!text-lyx-text-darker pointer-events-none': entry.disabled,
@@ -259,7 +259,7 @@ const pricingDrawer = usePricingDrawer();
259259
<div class="manrope grow">
260260
{{ entry.label }}
261261
</div>
262-
<div v-if="entry.premiumOnly && !userRoles.isPremium" class="flex items-center">
262+
<div v-if="entry.premiumOnly && !userRoles.isPremium.value" class="flex items-center">
263263
<i class="fal fa-lock"></i>
264264
</div>
265265
</NuxtLink>
@@ -293,7 +293,8 @@ const pricingDrawer = usePricingDrawer();
293293
class="cursor-pointer hover:text-lyx-text text-lyx-text-dark">
294294
<i class="fab fa-dev"></i>
295295
</NuxtLink> -->
296-
<NuxtLink to="/admin" v-if="userRoles.isAdmin"
296+
297+
<NuxtLink to="/admin" v-if="userRoles.isAdmin.value"
297298
class="cursor-pointer hover:text-lyx-text text-lyx-text-dark">
298299
<i class="fas fa-cat"></i>
299300
</NuxtLink>

‎dashboard/components/banner/Offer.vue‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,15 +20,16 @@ const isPremium = computed(() => {
2020
<div v-if="!isPremium" class="w-full bg-[#5680f822] p-4 rounded-lg text-[.9rem] flex items-center">
2121
<div class="flex flex-col grow">
2222
<div class="poppins font-semibold text-lyx-primary">
23-
Launch offer: 25% off
23+
Launch offer: 25% off forever with code <span class="text-white font-bold text-[1rem]">LIT25</span> at checkout
24+
from Acceleration Plan and beyond.
2425
</div>
25-
<div class="poppins text-lyx-primary">
26+
<!-- <div class="poppins text-lyx-primary">
2627
We're offering an exclusive 25% discount forever on all plans starting from the Acceleration
2728
Plan for our first 100 users who believe in our project.
2829
<br>
2930
Redeem Code: <span class="text-white font-bold text-[1rem]">LIT25</span> at checkout to
3031
claim your discount.
31-
</div>
32+
</div> -->
3233
</div>
3334
<div>
3435
<LyxUiButton type="outline" @click="goToUpgrade()"> Upgrade </LyxUiButton>

‎dashboard/components/dashboard/ActionableChart.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -251,7 +251,7 @@ const legendClasses = ref<string[]>([
251251
</SelectButton>
252252
</template>
253253

254-
<div class="flex gap-6 w-full justify-between">
254+
<div class="flex gap-6 w-full justify-between lg:flex-row flex-col">
255255
<LyxUiButton type="secondary" :to="isLiveDemo ? '#' : '/analyst'" :disabled="isLiveDemo">
256256
<div class="flex items-center gap-2 px-10">
257257
<i class="far fa-sparkles text-yellow-400"></i>

‎dashboard/components/events/EventsFunnelChart.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -140,7 +140,7 @@ async function onEventCheck(eventName: string) {
140140
<template>
141141
<CardTitled title="Funnel"
142142
sub="Monitor and analyze the actions your users are performing on your platform to gain insights into their behavior and optimize the user experience">
143-
<div class="flex gap-2 justify-between">
143+
<div class="flex gap-2 justify-between lg:flex-row flex-col">
144144
<div class="flex flex-col gap-1">
145145
<div class="min-w-[20rem] text-lyx-text-darker">
146146
Select two or more events

‎dashboard/components/events/EventsMetadataAnalyzer.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -104,7 +104,7 @@ const canSearch = computed(() => {
104104
</USelectMenu>
105105
</div>
106106

107-
<div class="text-lyx-text-darker poppins mt-4 flex items-center gap-4">
107+
<div class="text-lyx-text-darker poppins mt-4 flex items-center gap-4 lg:flex-row flex-col">
108108
<div class="w-[10rem]">
109109
Search results: {{ metadataFieldGroupedFiltered.length }}
110110
</div>
@@ -119,13 +119,13 @@ const canSearch = computed(() => {
119119
</div>
120120
</div>
121121

122-
<div class="flex flex-wrap gap-2 mt-4">
122+
<div class="flex flex-wrap gap-2 lg:mt-4 mt-10">
123123

124124
<div class="bg-lyx-widget-light text-lyx-text-dark px-3 py-2 rounded-md w-fit"
125125
v-for="item of metadataFieldGroupedFiltered">
126-
<div class="flex gap-2">
126+
<div class="flex gap-2 items-center">
127127
<div> {{ item._id || 'OLD_EVENTS' }} </div>
128-
<div> {{ item.count }} </div>
128+
<div class="px-1"> {{ item.count }} </div>
129129
</div>
130130
</div>
131131

‎dashboard/components/events/EventsUserFlow.vue‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,13 @@ async function analyzeEvent() {
6262
</div>
6363
</div>
6464

65-
<div v-if="analyzing"> Analyzing... </div>
65+
<div v-if="analyzing">
66+
<div
67+
class="backdrop-blur-[1px] z-[20] w-full h-full flex items-center justify-center font-bold rockmann">
68+
<i
69+
class="fas fa-spinner text-[2rem] text-accent animate-[spin_1s_linear_infinite] duration-500"></i>
70+
</div>
71+
</div>
6672

6773
<div class="flex flex-col gap-2" v-if="userFlowData">
6874
<div class="flex gap-4 items-center bg-bg py-2 px-2 bg-lyx-widget-light rounded-lg"

‎dashboard/components/pricing/PricingCardGeneric.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ async function onUpgradeClick() {
4747

4848
<div class="flex flex-col gap-3 text-center pt-3">
4949
<div v-if="data.active"
50-
class="absolute right-6 top-3 poppins text-[.75rem] bg-[#222A42] outline outline-[1px] outline-[#5680F8] px-3 py-[.1rem] rounded-sm">
50+
class="absolute right-6 top-3 poppins text-[.75rem] bg-transparent border-[#262626] border-solid border-[1px] px-3 py-[.1rem] rounded-sm">
5151
Active
5252
</div>
5353
<div v-if="!data.active && data.title === 'Growth'"

‎dashboard/components/settings/General.vue‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -198,11 +198,16 @@ function copyProjectId() {
198198
<script defer data-project="${project?._id}"
199199
src="https://cdn.jsdelivr.net/gh/litlyx/litlyx-js/browser/litlyx.js"></script>` }}
200200
</div>
201-
<div><i class="far fa-copy" @click="copyScript()"></i></div>
201+
<div class="hidden lg:flex"><i class="far fa-copy" @click="copyScript()"></i></div>
202202
</LyxUiCard>
203+
<div class="flex justify-end w-full">
204+
<LyxUiButton type="outline" class="flex lg:hidden mt-4">
205+
Copy script
206+
</LyxUiButton>
207+
</div>
203208
</template>
204209
<template #pdelete>
205-
<div class="flex justify-end" v-if="!isGuest">
210+
<div class="flex lg:justify-end" v-if="!isGuest">
206211
<LyxUiButton type="danger" @click="deleteProject()">
207212
Delete project
208213
</LyxUiButton>

‎dashboard/components/settings/Template.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,18 +16,18 @@ const props = defineProps<SettingsTemplateProp>();
1616

1717

1818
<template>
19-
<div class="mt-10 px-4">
19+
<div class="mt-10 px-4 xl:pb-0 pb-[10rem]">
2020
<div v-for="(entry, index) of props.entries" class="flex flex-col">
21-
<div class="flex">
22-
<div class="flex-[2]">
21+
<div class="flex xl:flex-row flex-col gap-4 xl:gap-0">
22+
<div class="xl:flex-[2]">
2323
<div class="poppins font-medium text-lyx-text">
2424
{{ entry.title }}
2525
</div>
2626
<div class="poppins font-regular text-lyx-text-dark whitespace-pre-wrap">
2727
{{ entry.text }}
2828
</div>
2929
</div>
30-
<div class="flex-[3]">
30+
<div class="xl:flex-[3]">
3131
<slot :name="entry.id"></slot>
3232
</div>
3333
</div>

0 commit comments

Comments
 (0)