jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(frontend): migrate Tailwind to Vite plugin

Browse Source
This commit is contained in:
Jonathan Bourdon
2026-05-07 12:14:09 -04:00
parent ef323c291f
commit 2d22fd6e04
54 changed files with 3418 additions and 3184 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/features/auth/views/ForgotPasswordView.vue
View File

@@ -129,6 +129,7 @@
</script>
<style scoped>
@reference "@/assets/main.css";
.card-content {
@apply p-6;
}

1
frontend/src/features/auth/views/LoginView.vue
View File

@@ -206,6 +206,7 @@
</script>
<style scoped>
@reference "@/assets/main.css";
.login-page {
@apply flex min-h-screen w-full items-stretch justify-center sm:items-center sm:p-4;
}

1
frontend/src/features/auth/views/RegisterView.vue
View File

@@ -186,6 +186,7 @@
</script>
<style scoped>
@reference "@/assets/main.css";
.visibility-toggle {
@apply cursor-pointer;
@apply transition-opacity duration-300;

1
frontend/src/features/auth/views/ResetPasswordView.vue
View File

@@ -195,6 +195,7 @@
</script>
<style scoped>
@reference "@/assets/main.css";
form {
@apply bg-hSurface rounded-xl p-4;
}

1
frontend/src/features/campaigns/views/CampaignDetailView.vue
View File

@@ -128,6 +128,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.page-shell {
@apply mx-auto flex w-full max-w-7xl flex-col gap-6 px-5 py-8 md:px-8;
}

1
frontend/src/features/campaigns/views/CampaignsView.vue
View File

@@ -239,6 +239,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.page-shell {
@apply mx-auto flex w-full max-w-7xl flex-col gap-6 px-5 py-8 md:px-8;
}

1
frontend/src/features/channels/views/ChannelsView.vue
View File

@@ -255,6 +255,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.page-shell {
@apply mx-auto flex w-full max-w-7xl flex-col gap-6 px-5 py-8 md:px-8;
}

1
frontend/src/features/clients/views/ClientDetailView.vue
View File

@@ -483,6 +483,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.page-shell {
@apply mx-auto flex w-full max-w-7xl flex-col gap-6 px-5 py-8 md:px-8;
}

1
frontend/src/features/clients/views/ClientsView.vue
View File

@@ -219,6 +219,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.page-shell {
@apply mx-auto flex w-full max-w-7xl flex-col gap-6 px-5 py-8 md:px-8;
}

1
frontend/src/features/content/components/ContentApprovalPanel.vue
View File

@@ -333,6 +333,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.approval-panel {
@apply relative flex w-11 justify-center self-start;
}

1
frontend/src/features/content/components/ContentCommentComposer.vue
View File

@@ -244,6 +244,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.comment-composer {
@apply flex flex-col gap-3 rounded-[1.25rem] border p-4;
background: #fffdf8;

1
frontend/src/features/content/components/ContentCommentFeed.vue
View File

@@ -212,6 +212,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.timeline-list {
@apply flex flex-col gap-4;
}

1
frontend/src/features/content/views/ContentItemDetailView.vue
View File

@@ -1357,6 +1357,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.editor-shell {
@apply mx-auto flex w-full max-w-[110rem] flex-col gap-5 px-5 py-8 md:px-8;
}

1
frontend/src/features/content/views/ContentItemsView.vue
View File

@@ -1419,6 +1419,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.page-shell {
@apply flex w-full flex-col gap-4 px-4 py-5 md:px-6;
}

1
frontend/src/features/content/views/MediaLibraryView.vue
View File

@@ -95,6 +95,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.page-shell {
@apply mx-auto flex w-full max-w-7xl flex-col gap-6 px-5 py-8 md:px-8;
}

1
frontend/src/features/feedback/components/FeedbackFloatingButton.vue
View File

@@ -29,6 +29,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.feedback-entry {
@apply fixed bottom-5 right-5 z-50;
}

1
frontend/src/features/feedback/components/FeedbackSubmissionDialog.vue
View File

@@ -620,6 +620,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.feedback-dialog {
@apply overflow-hidden rounded-lg border;
background: #fffaf2;

1
frontend/src/features/feedback/views/DeveloperFeedbackDetailView.vue
View File

@@ -446,6 +446,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.feedback-detail-page {
@apply mx-auto flex w-full max-w-7xl flex-col gap-5 px-5 py-8 md:px-8;
}

1
frontend/src/features/feedback/views/DeveloperFeedbackListView.vue
View File

@@ -266,6 +266,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.feedback-review-page {
@apply mx-auto flex w-full max-w-7xl flex-col gap-5 px-5 py-8 md:px-8;
}

1
frontend/src/features/feedback/views/MyFeedbackDetailView.vue
View File

@@ -246,6 +246,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.feedback-detail-page {
@apply mx-auto flex w-full max-w-7xl flex-col gap-5 px-5 py-8 md:px-8;
}

1
frontend/src/features/feedback/views/MyFeedbackListView.vue
View File

@@ -173,6 +173,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.my-feedback-page {
@apply mx-auto flex w-full max-w-6xl flex-col gap-5 px-5 py-8 md:px-8;
}

1
frontend/src/features/organizations/views/OrganizationSettingsView.vue
View File

@@ -452,6 +452,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.organization-settings-shell {
@apply mx-auto flex w-full max-w-6xl flex-col gap-6 px-5 py-8 md:px-8;
}

1
frontend/src/features/reviews/views/ReviewQueueView.vue
View File

@@ -43,6 +43,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.page-shell {
@apply mx-auto flex w-full max-w-7xl flex-col gap-6 px-5 py-8 md:px-8;
}

1
frontend/src/features/settings/views/IntegrationsSettingsView.vue
View File

@@ -41,6 +41,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.page-shell {
@apply flex flex-col gap-6;
}

1
frontend/src/features/settings/views/SettingsLayoutView.vue
View File

@@ -43,6 +43,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.settings-shell {
@apply mx-auto grid w-full max-w-7xl gap-4 px-5 py-8 md:px-8 xl:grid-cols-[16rem_minmax(0,1fr)];
}

1
frontend/src/features/user-profile/views/UserSettingsView.vue
View File

@@ -346,6 +346,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.page-shell {
@apply flex flex-col gap-6;
}

1
frontend/src/features/workspaces/components/ApprovalWorkflowEditor.vue
View File

@@ -318,6 +318,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.approval-workflow-editor {
@apply flex flex-col gap-3;
}

1
frontend/src/features/workspaces/components/TimeZoneSelect.vue
View File

@@ -39,6 +39,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.time-zone-select {
@apply rounded-[1rem] border px-4 py-3 text-sm;
background: #fffdf8;

1
frontend/src/features/workspaces/views/DashboardView.vue
View File

@@ -388,6 +388,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.calendar-shell {
@apply mx-auto w-full max-w-7xl px-5 py-8 md:px-8;
}

1
frontend/src/features/workspaces/views/OverviewView.vue
View File

@@ -317,6 +317,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.page-shell {
@apply mx-auto flex w-full max-w-7xl flex-col gap-6 px-5 py-8 md:px-8;
}

1
frontend/src/features/workspaces/views/WorkspaceCreateView.vue
View File

@@ -143,6 +143,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.page-shell {
@apply mx-auto flex w-full max-w-6xl flex-col gap-6 px-5 py-8 md:px-8;
}

1
frontend/src/features/workspaces/views/WorkspaceSettingsView.vue
View File

@@ -829,6 +829,7 @@
</template>
<style scoped>
@reference "@/assets/main.css";
.workspace-settings-shell {
@apply mx-auto flex w-full max-w-6xl flex-col gap-6 px-5 py-8 md:px-8;
}