fix: @apply in svelte files

2026-05-24 12:35:31 +00:00 · 2022-12-24 14:44:30 +01:00 · 2022-12-24 14:44:30 +01:00 · d38706f250
commit d38706f250
parent 35dd4b4162
38 changed files with 38 additions and 38 deletions
--- a/frontend/src/lib/components/DarkModeToggle.svelte
+++ b/frontend/src/lib/components/DarkModeToggle.svelte
@ -24,7 +24,7 @@
 	</g>
 </svg>

-<style>
+<style lang="postcss">
 	svg {
 		@apply h-12 w-12;
 	}
--- a/frontend/src/lib/components/Modal.svelte
+++ b/frontend/src/lib/components/Modal.svelte
@ -22,7 +22,7 @@
 	<slot />
 </div>

-<style>
+<style lang="postcss">
 	.modalBackground {
 		@apply fixed;
 		@apply top-0 left-0;
--- a/frontend/src/lib/components/admin/CreateCandidateModal.svelte
+++ b/frontend/src/lib/components/admin/CreateCandidateModal.svelte
@ -57,5 +57,5 @@
 	</Modal>
 {/if}

-<style>
+<style lang="postcss">
 </style>
--- a/frontend/src/lib/components/admin/list/CandidateDetails.svelte
+++ b/frontend/src/lib/components/admin/list/CandidateDetails.svelte
@ -111,7 +111,7 @@
 	</div>
 </div>

-<style>
+<style lang="postcss">
 	button {
 		@apply bg-sspsBlue hover:bg-sspsBlueDark rounded-lg transition duration-300;
 		@apply px-10 py-4 text-2xl font-bold text-white;
--- a/frontend/src/lib/components/button/Submit.svelte
+++ b/frontend/src/lib/components/button/Submit.svelte
@ -4,7 +4,7 @@

 <input on:click type="submit" {value} />

-<style>
+<style lang="postcss">
 	input {
 		@apply bg-sspsBlue hover:bg-sspsBlueDark 
        @apply @apply rounded-lg p-3 text-xl font-semibold 
--- a/frontend/src/lib/components/checkbox/GdprCheckBox.svelte
+++ b/frontend/src/lib/components/checkbox/GdprCheckBox.svelte
@ -15,7 +15,7 @@
 	</div>
 </label>

-<style>
+<style lang="postcss">
 	label {
 		@apply inline-flex  w-full items-center justify-between;
 		@apply cursor-pointer;
--- a/frontend/src/lib/components/dashboard/DashboardInfoCard.svelte
+++ b/frontend/src/lib/components/dashboard/DashboardInfoCard.svelte
@ -137,7 +137,7 @@
 	</div>
 </div>

-<style>
+<style lang="postcss">
 	.card {
 		@apply m-3;
 		@apply h-full;
--- a/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
+++ b/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
@ -181,7 +181,7 @@
 	{/if}
 </div>

-<style>
+<style lang="postcss">
 	:global([type='file']) {
 		@apply hidden;
 	}
--- a/frontend/src/lib/components/dashboard/FileType.svelte
+++ b/frontend/src/lib/components/dashboard/FileType.svelte
@ -9,7 +9,7 @@
 	<span class="text-sspsBlue text-lg italic">Max {filesize}</span>
 </div>

-<style>
+<style lang="postcss">
 	div {
 		@apply flex items-center justify-between;
 		@apply py-1 px-4;
--- a/frontend/src/lib/components/dashboard/InfoButton.svelte
+++ b/frontend/src/lib/components/dashboard/InfoButton.svelte
@ -73,7 +73,7 @@
 	</span>
 {/if}

-<style>
+<style lang="postcss">
 	.icon {
 		@apply text-sspsBlueDark h-10 w-10 transition-colors duration-300 hover:cursor-pointer;
 		@apply hover:text-sspsBlue;
--- a/frontend/src/lib/components/dashboard/ProgressBar.svelte
+++ b/frontend/src/lib/components/dashboard/ProgressBar.svelte
@ -30,7 +30,7 @@
 	</svg>
 </div>

-<style>
+<style lang="postcss">
 	.submitted {
 		@apply stroke-[#35e000ff];
 	}
--- a/frontend/src/lib/components/dashboard/StatusNotificationBig.svelte
+++ b/frontend/src/lib/components/dashboard/StatusNotificationBig.svelte
@ -50,7 +50,7 @@
 	</div>
 </div>

-<style>
+<style lang="postcss">
 	.info {
 		@apply flex items-center justify-between;
 		@apply py-3 px-6;
--- a/frontend/src/lib/components/dashboard/StatusNotificationDot.svelte
+++ b/frontend/src/lib/components/dashboard/StatusNotificationDot.svelte
@ -23,7 +23,7 @@
 	<!-- <h3 class="ml-8 font-bold text-xl">{title}</h3> -->
 </div>

-<style>
+<style lang="postcss">
 	span {
 		@apply rounded-full p-1;
 	}
--- a/frontend/src/lib/components/icons/Circles.svelte
+++ b/frontend/src/lib/components/icons/Circles.svelte
@ -4,7 +4,7 @@
 	<span class="h-28 w-28 bg-black bg-[#55b1bd] opacity-60" />
 </div>

-<style>
+<style lang="postcss">
 	div {
 		@apply relative;
 	}
--- a/frontend/src/lib/components/icons/Document.svelte
+++ b/frontend/src/lib/components/icons/Document.svelte
@ -7,7 +7,7 @@
 	/></svg
 >

-<style>
+<style lang="postcss">
 	svg {
 		@apply fill-none stroke-current;
 	}
--- a/frontend/src/lib/components/icons/Download.svelte
+++ b/frontend/src/lib/components/icons/Download.svelte
@ -7,7 +7,7 @@
 	/></svg
 >

-<style>
+<style lang="postcss">
 	svg {
 		@apply fill-none stroke-current;
 	}
--- a/frontend/src/lib/components/icons/Email.svelte
+++ b/frontend/src/lib/components/icons/Email.svelte
@ -1,6 +1,6 @@
 <span>@</span>

-<style>
+<style lang="postcss">
 	span {
 		@apply flex items-center justify-center;
 		@apply text-sspsBlue text-center text-2xl;
--- a/frontend/src/lib/components/icons/Home.svelte
+++ b/frontend/src/lib/components/icons/Home.svelte
@ -10,7 +10,7 @@
 	/></svg
 >

-<style>
+<style lang="postcss">
 	path {
 		@apply fill-current;
 	}
--- a/frontend/src/lib/components/icons/Lock.svelte
+++ b/frontend/src/lib/components/icons/Lock.svelte
@ -8,7 +8,7 @@
 	></svg
 >

-<style>
+<style lang="postcss">
 	svg {
 		@apply fill-current stroke-current;
 	}
--- a/frontend/src/lib/components/icons/Person.svelte
+++ b/frontend/src/lib/components/icons/Person.svelte
@ -8,7 +8,7 @@
 	/></svg
 >

-<style>
+<style lang="postcss">
 	path {
 		@apply fill-current stroke-current;
 	}
--- a/frontend/src/lib/components/icons/SchoolBadge.svelte
+++ b/frontend/src/lib/components/icons/SchoolBadge.svelte
@ -8,5 +8,5 @@
 	<img class="object-cover" src={lion} alt="" />
 </div>

-<style>
+<style lang="postcss">
 </style>
--- a/frontend/src/lib/components/icons/Telephone.svelte
+++ b/frontend/src/lib/components/icons/Telephone.svelte
@ -11,7 +11,7 @@
 	></svg
 >

-<style>
+<style lang="postcss">
 	svg {
 		@apply stroke-sspsBlue fill-transparent;
 	}
--- a/frontend/src/lib/components/layout/FullLayout.svelte
+++ b/frontend/src/lib/components/layout/FullLayout.svelte
@ -23,7 +23,7 @@
 	</div>
 </div>

-<style>
+<style lang="postcss">
 	.logo {
 		@apply h-[200px] w-[200px];
 	}
--- a/frontend/src/lib/components/layout/SplitLayout.svelte
+++ b/frontend/src/lib/components/layout/SplitLayout.svelte
@ -25,7 +25,7 @@
 	</div>
 </div>

-<style>
+<style lang="postcss">
 	.bgImage {
 		@apply -z-20;
 		@apply min-w-screen absolute min-h-screen md:min-w-[50vw];
--- a/frontend/src/lib/components/select/SelectField.svelte
+++ b/frontend/src/lib/components/select/SelectField.svelte
@ -27,7 +27,7 @@
 	</select>
 </div>

-<style>
+<style lang="postcss">
 	div,
 	input {
 		@apply w-full;
--- a/frontend/src/lib/components/textfield/EmailField.svelte
+++ b/frontend/src/lib/components/textfield/EmailField.svelte
@ -26,5 +26,5 @@
 	</div>
 </TextField>

-<style>
+<style lang="postcss">
 </style>
--- a/frontend/src/lib/components/textfield/IdField.svelte
+++ b/frontend/src/lib/components/textfield/IdField.svelte
@ -31,7 +31,7 @@
 	</div>
 </TextField>

-<style>
+<style lang="postcss">
 	div {
 		@apply text-sspsBlue;
 	}
--- a/frontend/src/lib/components/textfield/NameField.svelte
+++ b/frontend/src/lib/components/textfield/NameField.svelte
@ -39,5 +39,5 @@
 	{helperText}
 />

-<style>
+<style lang="postcss">
 </style>
--- a/frontend/src/lib/components/textfield/PasswordField.svelte
+++ b/frontend/src/lib/components/textfield/PasswordField.svelte
@ -26,7 +26,7 @@
 	</div>
 </TextField>

-<style>
+<style lang="postcss">
 	div {
 		@apply text-sspsBlue;
 	}
--- a/frontend/src/lib/components/textfield/TelephoneField.svelte
+++ b/frontend/src/lib/components/textfield/TelephoneField.svelte
@ -35,5 +35,5 @@
 	</div>
 </TextField>

-<style>
+<style lang="postcss">
 </style>
--- a/frontend/src/lib/components/textfield/TextField.svelte
+++ b/frontend/src/lib/components/textfield/TextField.svelte
@ -45,7 +45,7 @@
 	{/if}
 </div>

-<style>
+<style lang="postcss">
 	div,
 	input {
 		@apply w-full;
--- a/frontend/src/routes/(admin)/admin/(authenticated)/candidate/[code=application]/+page.svelte
+++ b/frontend/src/routes/(admin)/admin/(authenticated)/candidate/[code=application]/+page.svelte
@ -7,5 +7,5 @@

 <CandidateDetails id={data.id} candidateData={data.candidateData} />

-<style>
+<style lang="postcss">
 </style>
--- a/frontend/src/routes/(admin)/admin/(authenticated)/dashboard/+page.svelte
+++ b/frontend/src/routes/(admin)/admin/(authenticated)/dashboard/+page.svelte
@ -155,7 +155,7 @@

 <svelte:window on:scroll={() => (scrollTop = window.scrollY)} />

-<style>
+<style lang="postcss">
 	.list {
 		@apply h-full w-96;
 		@apply float-left overflow-scroll;
--- a/frontend/src/routes/(admin)/admin/auth/login/+page.svelte
+++ b/frontend/src/routes/(admin)/admin/auth/login/+page.svelte
@ -48,7 +48,7 @@
 	</div>
 </SplitLayout>

-<style>
+<style lang="postcss">
 	.form {
 		@apply flex flex-col;
 		@apply mx-auto h-full w-[90%];
--- a/frontend/src/routes/(candidate)/(authenticated)/dashboard/+page.svelte
+++ b/frontend/src/routes/(candidate)/(authenticated)/dashboard/+page.svelte
@ -112,7 +112,7 @@
 	</div>
 </FullLayout>

-<style>
+<style lang="postcss">
 	.showDetailsInfoCard {
 		@apply md:row-span-8;
 	}
--- a/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
+++ b/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
@ -494,7 +494,7 @@
 	</div>
 </SplitLayout>

-<style>
+<style lang="postcss">
 	.form {
 		@apply flex flex-col;
 		@apply mx-auto h-full w-[90%];
--- a/frontend/src/routes/(candidate)/auth/login/+page.svelte
+++ b/frontend/src/routes/(candidate)/auth/login/+page.svelte
@ -32,7 +32,7 @@
 	</div>
 </SplitLayout>

-<style>
+<style lang="postcss">
 	.form {
 		@apply flex flex-col;
 		@apply mx-auto h-full w-[90%];
--- a/frontend/src/routes/(candidate)/auth/login/[code=application]/+page.svelte
+++ b/frontend/src/routes/(candidate)/auth/login/[code=application]/+page.svelte
@ -119,7 +119,7 @@
 	</div>
 </FullLayout>

-<style>
+<style lang="postcss">
 	.modal {
 		@apply flex flex-col items-center justify-center;
 		@apply mx-auto my-auto;