dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-07-09 21:10:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: @apply in svelte files

Browse source
This commit is contained in:
EETagent 2022-12-24 14:44:30 +01:00
parent 35dd4b4162
commit d38706f250
38 changed files with 38 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/lib/components/DarkModeToggle.svelte
View file

@ -24,7 +24,7 @@
</g> </g>
</svg> </svg>
<style> <style lang="postcss">
svg { svg {
@apply h-12 w-12; @apply h-12 w-12;
} }

2
frontend/src/lib/components/Modal.svelte
View file

@ -22,7 +22,7 @@
<slot /> <slot />
</div> </div>
<style> <style lang="postcss">
.modalBackground { .modalBackground {
@apply fixed; @apply fixed;
@apply top-0 left-0; @apply top-0 left-0;

2
frontend/src/lib/components/admin/CreateCandidateModal.svelte
View file

@ -57,5 +57,5 @@
</Modal> </Modal>
{/if} {/if}
<style> <style lang="postcss">
</style> </style>

2
frontend/src/lib/components/admin/list/CandidateDetails.svelte
View file

@ -111,7 +111,7 @@
</div> </div>
</div> </div>
<style> <style lang="postcss">
button { button {
@apply bg-sspsBlue hover:bg-sspsBlueDark rounded-lg transition duration-300; @apply bg-sspsBlue hover:bg-sspsBlueDark rounded-lg transition duration-300;
@apply px-10 py-4 text-2xl font-bold text-white; @apply px-10 py-4 text-2xl font-bold text-white;

2
frontend/src/lib/components/button/Submit.svelte
View file

@ -4,7 +4,7 @@
<input on:click type="submit" {value} /> <input on:click type="submit" {value} />
<style> <style lang="postcss">
input { input {
@apply bg-sspsBlue hover:bg-sspsBlueDark @apply bg-sspsBlue hover:bg-sspsBlueDark
@apply @apply rounded-lg p-3 text-xl font-semibold @apply @apply rounded-lg p-3 text-xl font-semibold

2
frontend/src/lib/components/checkbox/GdprCheckBox.svelte
View file

@ -15,7 +15,7 @@
</div> </div>
</label> </label>
<style> <style lang="postcss">
label { label {
@apply inline-flex w-full items-center justify-between; @apply inline-flex w-full items-center justify-between;
@apply cursor-pointer; @apply cursor-pointer;

2
frontend/src/lib/components/dashboard/DashboardInfoCard.svelte
View file

@ -137,7 +137,7 @@
</div> </div>
</div> </div>
<style> <style lang="postcss">
.card { .card {
@apply m-3; @apply m-3;
@apply h-full; @apply h-full;

2
frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
View file

@ -181,7 +181,7 @@
{/if} {/if}
</div> </div>
<style> <style lang="postcss">
:global([type='file']) { :global([type='file']) {
@apply hidden; @apply hidden;
} }

2
frontend/src/lib/components/dashboard/FileType.svelte
View file

@ -9,7 +9,7 @@
<span class="text-sspsBlue text-lg italic">Max {filesize}</span> <span class="text-sspsBlue text-lg italic">Max {filesize}</span>
</div> </div>
<style> <style lang="postcss">
div { div {
@apply flex items-center justify-between; @apply flex items-center justify-between;
@apply py-1 px-4; @apply py-1 px-4;

2
frontend/src/lib/components/dashboard/InfoButton.svelte
View file

@ -73,7 +73,7 @@
</span> </span>
{/if} {/if}
<style> <style lang="postcss">
.icon { .icon {
@apply text-sspsBlueDark h-10 w-10 transition-colors duration-300 hover:cursor-pointer; @apply text-sspsBlueDark h-10 w-10 transition-colors duration-300 hover:cursor-pointer;
@apply hover:text-sspsBlue; @apply hover:text-sspsBlue;

2
frontend/src/lib/components/dashboard/ProgressBar.svelte
View file

@ -30,7 +30,7 @@
</svg> </svg>
</div> </div>
<style> <style lang="postcss">
.submitted { .submitted {
@apply stroke-[#35e000ff]; @apply stroke-[#35e000ff];
} }

2
frontend/src/lib/components/dashboard/StatusNotificationBig.svelte
View file

@ -50,7 +50,7 @@
</div> </div>
</div> </div>
<style> <style lang="postcss">
.info { .info {
@apply flex items-center justify-between; @apply flex items-center justify-between;
@apply py-3 px-6; @apply py-3 px-6;

2
frontend/src/lib/components/dashboard/StatusNotificationDot.svelte
View file

@ -23,7 +23,7 @@
<!-- <h3 class="ml-8 font-bold text-xl">{title}</h3> --> <!-- <h3 class="ml-8 font-bold text-xl">{title}</h3> -->
</div> </div>
<style> <style lang="postcss">
span { span {
@apply rounded-full p-1; @apply rounded-full p-1;
} }

2
frontend/src/lib/components/icons/Circles.svelte
View file

@ -4,7 +4,7 @@
<span class="h-28 w-28 bg-black bg-[#55b1bd] opacity-60" /> <span class="h-28 w-28 bg-black bg-[#55b1bd] opacity-60" />
</div> </div>
<style> <style lang="postcss">
div { div {
@apply relative; @apply relative;
} }

2
frontend/src/lib/components/icons/Document.svelte
View file

@ -7,7 +7,7 @@
/></svg /></svg
> >
<style> <style lang="postcss">
svg { svg {
@apply fill-none stroke-current; @apply fill-none stroke-current;
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 335 B

After

Width:  |  Height:  |  Size: 350 B

2
frontend/src/lib/components/icons/Download.svelte
View file

@ -7,7 +7,7 @@
/></svg /></svg
> >
<style> <style lang="postcss">
svg { svg {
@apply fill-none stroke-current; @apply fill-none stroke-current;
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 281 B

After

Width:  |  Height:  |  Size: 296 B

2
frontend/src/lib/components/icons/Email.svelte
View file

@ -1,6 +1,6 @@
<span>@</span> <span>@</span>
<style> <style lang="postcss">
span { span {
@apply flex items-center justify-center; @apply flex items-center justify-center;
@apply text-sspsBlue text-center text-2xl; @apply text-sspsBlue text-center text-2xl;

2
frontend/src/lib/components/icons/Home.svelte
View file

@ -10,7 +10,7 @@
/></svg /></svg
> >
<style> <style lang="postcss">
path { path {
@apply fill-current; @apply fill-current;
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

2
frontend/src/lib/components/icons/Lock.svelte
View file

@ -8,7 +8,7 @@
></svg ></svg
> >
<style> <style lang="postcss">
svg { svg {
@apply fill-current stroke-current; @apply fill-current stroke-current;
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

2
frontend/src/lib/components/icons/Person.svelte
View file

@ -8,7 +8,7 @@
/></svg /></svg
> >
<style> <style lang="postcss">
path { path {
@apply fill-current stroke-current; @apply fill-current stroke-current;
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 522 B

After

Width:  |  Height:  |  Size: 537 B

2
frontend/src/lib/components/icons/SchoolBadge.svelte
View file

@ -8,5 +8,5 @@
<img class="object-cover" src={lion} alt="" /> <img class="object-cover" src={lion} alt="" />
</div> </div>
<style> <style lang="postcss">
</style> </style>

2
frontend/src/lib/components/icons/Telephone.svelte
View file

@ -11,7 +11,7 @@
></svg ></svg
> >
<style> <style lang="postcss">
svg { svg {
@apply stroke-sspsBlue fill-transparent; @apply stroke-sspsBlue fill-transparent;
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 621 B

After

Width:  |  Height:  |  Size: 636 B

2
frontend/src/lib/components/layout/FullLayout.svelte
View file

@ -23,7 +23,7 @@
</div> </div>
</div> </div>
<style> <style lang="postcss">
.logo { .logo {
@apply h-[200px] w-[200px]; @apply h-[200px] w-[200px];
} }

2
frontend/src/lib/components/layout/SplitLayout.svelte
View file

@ -25,7 +25,7 @@
</div> </div>
</div> </div>
<style> <style lang="postcss">
.bgImage { .bgImage {
@apply -z-20; @apply -z-20;
@apply min-w-screen absolute min-h-screen md:min-w-[50vw]; @apply min-w-screen absolute min-h-screen md:min-w-[50vw];

2
frontend/src/lib/components/select/SelectField.svelte
View file

@ -27,7 +27,7 @@
</select> </select>
</div> </div>
<style> <style lang="postcss">
div, div,
input { input {
@apply w-full; @apply w-full;

2
frontend/src/lib/components/textfield/EmailField.svelte
View file

@ -26,5 +26,5 @@
</div> </div>
</TextField> </TextField>
<style> <style lang="postcss">
</style> </style>

2
frontend/src/lib/components/textfield/IdField.svelte
View file

@ -31,7 +31,7 @@
</div> </div>
</TextField> </TextField>
<style> <style lang="postcss">
div { div {
@apply text-sspsBlue; @apply text-sspsBlue;
} }

2
frontend/src/lib/components/textfield/NameField.svelte
View file

@ -39,5 +39,5 @@
{helperText} {helperText}
/> />
<style> <style lang="postcss">
</style> </style>

2
frontend/src/lib/components/textfield/PasswordField.svelte
View file

@ -26,7 +26,7 @@
</div> </div>
</TextField> </TextField>
<style> <style lang="postcss">
div { div {
@apply text-sspsBlue; @apply text-sspsBlue;
} }

2
frontend/src/lib/components/textfield/TelephoneField.svelte
View file

@ -35,5 +35,5 @@
</div> </div>
</TextField> </TextField>
<style> <style lang="postcss">
</style> </style>

2
frontend/src/lib/components/textfield/TextField.svelte
View file

@ -45,7 +45,7 @@
{/if} {/if}
</div> </div>
<style> <style lang="postcss">
div, div,
input { input {
@apply w-full; @apply w-full;

2
frontend/src/routes/(admin)/admin/(authenticated)/candidate/[code=application]/+page.svelte
View file

@ -7,5 +7,5 @@
<CandidateDetails id={data.id} candidateData={data.candidateData} /> <CandidateDetails id={data.id} candidateData={data.candidateData} />
<style> <style lang="postcss">
</style> </style>

2
frontend/src/routes/(admin)/admin/(authenticated)/dashboard/+page.svelte
View file

@ -155,7 +155,7 @@
<svelte:window on:scroll={() => (scrollTop = window.scrollY)} /> <svelte:window on:scroll={() => (scrollTop = window.scrollY)} />
<style> <style lang="postcss">
.list { .list {
@apply h-full w-96; @apply h-full w-96;
@apply float-left overflow-scroll; @apply float-left overflow-scroll;

2
frontend/src/routes/(admin)/admin/auth/login/+page.svelte
View file

@ -48,7 +48,7 @@
</div> </div>
</SplitLayout> </SplitLayout>
<style> <style lang="postcss">
.form { .form {
@apply flex flex-col; @apply flex flex-col;
@apply mx-auto h-full w-[90%]; @apply mx-auto h-full w-[90%];

2
frontend/src/routes/(candidate)/(authenticated)/dashboard/+page.svelte
View file

@ -112,7 +112,7 @@
</div> </div>
</FullLayout> </FullLayout>
<style> <style lang="postcss">
.showDetailsInfoCard { .showDetailsInfoCard {
@apply md:row-span-8; @apply md:row-span-8;
} }

2
frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
View file

@ -494,7 +494,7 @@
</div> </div>
</SplitLayout> </SplitLayout>
<style> <style lang="postcss">
.form { .form {
@apply flex flex-col; @apply flex flex-col;
@apply mx-auto h-full w-[90%]; @apply mx-auto h-full w-[90%];

2
frontend/src/routes/(candidate)/auth/login/+page.svelte
View file

@ -32,7 +32,7 @@
</div> </div>
</SplitLayout> </SplitLayout>
<style> <style lang="postcss">
.form { .form {
@apply flex flex-col; @apply flex flex-col;
@apply mx-auto h-full w-[90%]; @apply mx-auto h-full w-[90%];

2
frontend/src/routes/(candidate)/auth/login/[code=application]/+page.svelte
View file

@ -119,7 +119,7 @@
</div> </div>
</FullLayout> </FullLayout>
<style> <style lang="postcss">
.modal { .modal {
@apply flex flex-col items-center justify-center; @apply flex flex-col items-center justify-center;
@apply mx-auto my-auto; @apply mx-auto my-auto;