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

login #1

Merged
pankan merged 2 commits from login into main 2025-04-07 04:33:41 +00:00
Conversation 0 Commits 2 Files Changed 4 +11 -36
3 changed files with 11 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 145a40ab12 - Show all commits

1
src/components/JobDetail.vue
View File

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

12
src/components/JobFilters.vue
View File

@ -353,7 +353,7 @@ const toggleFilters = () => {
white-space: nowrap;
&: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 {
@ -366,7 +366,7 @@ const toggleFilters = () => {
border-color: var(--card-border, #444);
&: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;
&: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 {
@ -431,7 +431,7 @@ const toggleFilters = () => {
@media (prefers-color-scheme: dark) {
&: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 {
@ -487,7 +487,7 @@ const toggleFilters = () => {
margin-top: 0.5rem;
&: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);
}
@ -501,7 +501,7 @@ const toggleFilters = () => {
border-color: var(--card-border, #444);
&: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);
}
}

34
src/views/Jobs.vue
View File

@ -315,8 +315,9 @@ onMounted(() => {
z-index: 1001;
.close-button {
padding: 0 0 4px 0;
position: absolute;
top: 1rem;
top: 1.5rem;
right: 1rem;
background: none;
border: none;
@ -332,38 +333,11 @@ onMounted(() => {
border-radius: 50%;
background-color: var(--card-bg, #fff);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: color 0.2s ease, background-color 0.2s ease;
&:hover {
color: var(--text-color, #333);
background-color: var(--hover-bg, #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;
}
background-color: var(--card-bg-secondary, #f5f5f5);
}
}
}