Skip to content

Commit f125a1f

Browse files
surajshetty3416surajshetty3416
committed
fix: Button style
1 parent ad453f2 commit f125a1f

5 files changed

Lines changed: 11 additions & 31 deletions

File tree

frontend/src/components/Controls/Button.vue renamed to frontend/src/components/Controls/BuilderButton.vue

File renamed without changes.

‎frontend/src/components/Controls/CodeEditor.vue‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,7 @@
1414
class="mt-1 text-xs leading-4 text-gray-600 dark:text-zinc-400"
1515
v-show="description"
1616
v-html="description"></span>
17-
<BuilderButton
18-
v-if="showSaveButton"
19-
@click="emit('save', aceEditor?.getValue())"
20-
class="mt-3 w-full text-base dark:bg-zinc-800 dark:text-zinc-200 dark:hover:bg-zinc-700">
17+
<BuilderButton v-if="showSaveButton" @click="emit('save', aceEditor?.getValue())" class="mt-3">
2118
Save
2219
</BuilderButton>
2320
</div>

‎frontend/src/components/PageClientScriptManager.vue‎

Lines changed: 7 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@
77
v-for="script in attachedScriptResource.data"
88
href="#"
99
:class="{
10-
'text-gray-600 dark:text-gray-500': activeScript !== script,
11-
'font-medium dark:text-zinc-200': activeScript === script,
10+
'text-text-icons-gray-5': activeScript !== script,
11+
'font-medium text-text-icons-gray-8': activeScript === script,
1212
}"
1313
@click="selectScript(script)"
1414
class="group flex items-center justify-between gap-1 text-sm last-of-type:mb-2">
@@ -33,14 +33,9 @@
3333
{ label: 'CSS', onClick: () => addScript('CSS') },
3434
]"
3535
size="sm"
36-
class="flex-1 [&>div>div>div]:w-full"
37-
placement="right">
36+
class="flex-1 [&>div>div>div]:w-full">
3837
<template v-slot="{ open }">
39-
<BuilderButton
40-
class="w-full text-xs dark:bg-zinc-800 dark:text-zinc-200 dark:hover:bg-zinc-700"
41-
@click="open">
42-
New Script
43-
</BuilderButton>
38+
<BuilderButton class="w-full text-xs" @click="open">New Script</BuilderButton>
4439
</template>
4540
</Dropdown>
4641
<Dropdown
@@ -49,23 +44,19 @@
4944
size="sm"
5045
class="max-w-60 flex-1 [&>div>div>div]:w-full">
5146
<template v-slot="{ open }">
52-
<BuilderButton
53-
class="w-full text-xs dark:bg-zinc-800 dark:text-zinc-200 dark:hover:bg-zinc-700"
54-
@click="open">
55-
Attach Script
56-
</BuilderButton>
47+
<BuilderButton class="w-full text-xs" @click="open">Attach Script</BuilderButton>
5748
</template>
5849
</Dropdown>
5950
</div>
6051
</div>
61-
<div class="text-xs text-gray-600 dark:text-zinc-300">
52+
<div class="text-xs leading-4 text-text-icons-gray-6">
6253
<b>Note:</b>
6354
All client scripts are executed in preview mode and on published pages.
6455
</div>
6556
</div>
6657
</div>
6758
<div
68-
class="flex h-full w-full items-center justify-center rounded bg-surface-gray-1 text-base text-gray-600 dark:text-zinc-500"
59+
class="flex h-full w-full items-center justify-center rounded bg-surface-gray-1 text-base text-text-icons-gray-6"
6960
v-show="!activeScript">
7061
Add Script
7162
</div>

‎frontend/src/components/PageScript.vue‎

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,8 @@
11
<template>
22
<div class="flex flex-col gap-4">
33
<div class="flex gap-2">
4-
<BuilderButton
5-
@click="showClientScriptEditor()"
6-
class="flex-1 bg-surface-gray-2 text-base text-text-icons-gray-8 hover:bg-surface-gray-3">
7-
Client Script
8-
</BuilderButton>
9-
<BuilderButton
10-
@click="showServerScriptEditor()"
11-
class="flex-1 bg-surface-gray-2 text-base text-text-icons-gray-8 hover:bg-surface-gray-3">
12-
Data Script
13-
</BuilderButton>
4+
<BuilderButton @click="showClientScriptEditor()" class="flex-1">Client Script</BuilderButton>
5+
<BuilderButton @click="showServerScriptEditor()" class="flex-1">Data Script</BuilderButton>
146
</div>
157
<CodeEditor v-model="store.pageData" type="JSON" label="Data Preview" :readonly="true"></CodeEditor>
168
<Dialog

‎frontend/src/main.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import "./telemetry";
88
import "./utils/arrayFunctions";
99

1010
import App from "@/App.vue";
11-
import BuilderButton from "@/components/Controls/Button.vue";
11+
import BuilderButton from "@/components/Controls/BuilderButton.vue";
1212
import Input from "@/components/Controls/Input.vue";
1313

1414
const app = createApp(App);

0 commit comments

Comments
 (0)