pankan
/
jobs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

jd

This commit is contained in:
Kiran Surendran Pankan 2025-04-07 09:53:17 +05:30
parent 9266acb1eb
commit 1965fed75e
3 changed files with 11 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/JobDetail.vue
View File

@ -1019,6 +1019,7 @@ onMounted(() => {
.actions { .actions {
display: flex; display: flex;
gap: 0.75rem; gap: 0.75rem;
margin-right: 2rem;
.action-button { .action-button {
display: flex; display: flex;

12
src/components/JobFilters.vue
View File

@ -353,7 +353,7 @@ const toggleFilters = () => {
white-space: nowrap; white-space: nowrap;
&:hover { &:hover {
background-color: var(--hover-bg, rgba(0, 0, 0, 0.05)); background-color: var(--card-bg-secondary, rgba(0, 0, 0, 0.05));
} }
.toggle-icon { .toggle-icon {
@ -366,7 +366,7 @@ const toggleFilters = () => {
border-color: var(--card-border, #444); border-color: var(--card-border, #444);
&:hover { &:hover {
background-color: var(--hover-bg, rgba(255, 255, 255, 0.05)); background-color: var(--card-bg-secondary, rgba(255, 255, 255, 0.05));
} }
} }
} }
@ -422,7 +422,7 @@ const toggleFilters = () => {
transition: all 0.2s; transition: all 0.2s;
&:hover { &:hover {
background-color: var(--hover-bg, rgba(0, 0, 0, 0.05)); background-color: var(--card-bg-secondary, rgba(0, 0, 0, 0.05));
} }
&.selected { &.selected {
@ -431,7 +431,7 @@ const toggleFilters = () => {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
&:hover { &:hover {
background-color: var(--hover-bg, rgba(255, 255, 255, 0.05)); background-color: var(--card-bg-secondary, rgba(255, 255, 255, 0.05));
} }
&.selected { &.selected {
@ -487,7 +487,7 @@ const toggleFilters = () => {
margin-top: 0.5rem; margin-top: 0.5rem;
&:hover:not(:disabled) { &:hover:not(:disabled) {
background-color: var(--hover-bg, rgba(0, 0, 0, 0.05)); background-color: var(--card-bg-secondary, rgba(0, 0, 0, 0.05));
border-color: var(--text-color, #333); border-color: var(--text-color, #333);
} }
@ -501,7 +501,7 @@ const toggleFilters = () => {
border-color: var(--card-border, #444); border-color: var(--card-border, #444);
&:hover:not(:disabled) { &:hover:not(:disabled) {
background-color: var(--hover-bg, rgba(255, 255, 255, 0.05)); background-color: var(--card-bg-secondary, rgba(255, 255, 255, 0.05));
border-color: var(--text-color, #eee); border-color: var(--text-color, #eee);
} }
} }

34
src/views/Jobs.vue
View File

@ -315,8 +315,9 @@ onMounted(() => {
z-index: 1001; z-index: 1001;
.close-button { .close-button {
padding: 0 0 4px 0;
position: absolute; position: absolute;
top: 1rem; top: 1.5rem;
right: 1rem; right: 1rem;
background: none; background: none;
border: none; border: none;
@ -332,38 +333,11 @@ onMounted(() => {
border-radius: 50%; border-radius: 50%;
background-color: var(--card-bg, #fff); background-color: var(--card-bg, #fff);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: color 0.2s ease, background-color 0.2s ease;
&:hover { &:hover {
color: var(--text-color, #333); color: var(--text-color, #333);
background-color: var(--hover-bg, #f5f5f5); background-color: var(--card-bg-secondary, #f5f5f5);
}
}
}
}
}
// Dark mode styles
@media (prefers-color-scheme: dark) {
.jobs-container {
.loading-container {
.loading-spinner {
border-color: #444;
border-top-color: var(--primary-color, #3498db);
}
}
.job-detail-modal {
.modal-overlay {
background-color: rgba(0, 0, 0, 0.7);
}
.modal-content {
.close-button {
background-color: #333;
&:hover {
background-color: #444;
}
} }
} }
} }