mirror of
https://github.com/tips-of-mine/GLPI-Plugin-CVE-Prototype.git
synced 2025-06-28 07:08:44 +02:00
Update plugin configuration files for proper GLPI detection
This commit is contained in:
207
css/cve.css
Normal file
207
css/cve.css
Normal file
@ -0,0 +1,207 @@
|
||||
/**
|
||||
* GLPI CVE Plugin - Main CSS
|
||||
* This file contains styles specific to the CVE plugin
|
||||
*/
|
||||
|
||||
/* Dashboard styles */
|
||||
.dashboard-card-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
||||
gap: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.dashboard-card {
|
||||
background-color: #fff;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
|
||||
padding: 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.dashboard-card-icon {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 15px;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.dashboard-card-content {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.dashboard-card-title {
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.dashboard-card-value {
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Card types */
|
||||
.dashboard-card-critical .dashboard-card-icon {
|
||||
background-color: #ffcdd2;
|
||||
color: #d32f2f;
|
||||
}
|
||||
|
||||
.dashboard-card-high .dashboard-card-icon {
|
||||
background-color: #ffe0b2;
|
||||
color: #ef6c00;
|
||||
}
|
||||
|
||||
.dashboard-card-new .dashboard-card-icon {
|
||||
background-color: #bbdefb;
|
||||
color: #1976d2;
|
||||
}
|
||||
|
||||
.dashboard-card-resolved .dashboard-card-icon {
|
||||
background-color: #c8e6c9;
|
||||
color: #388e3c;
|
||||
}
|
||||
|
||||
/* Chart styles */
|
||||
.dashboard-chart-container {
|
||||
background-color: #fff;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
|
||||
padding: 15px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.dashboard-chart-container h2 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 20px;
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.severity-chart-bars {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
height: 200px;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.severity-chart-bar-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.severity-chart-bar {
|
||||
width: 40px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
min-height: 5px;
|
||||
}
|
||||
|
||||
.severity-chart-label {
|
||||
margin-top: 10px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.severity-chart-value {
|
||||
margin-top: 5px;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* Table styles */
|
||||
.dashboard-table-container {
|
||||
background-color: #fff;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
|
||||
padding: 15px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.dashboard-table-container h2 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 20px;
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Severity classes */
|
||||
.cve-severity-critical {
|
||||
background-color: #d32f2f;
|
||||
color: #fff;
|
||||
padding: 2px 6px;
|
||||
border-radius: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.cve-severity-high {
|
||||
background-color: #f57c00;
|
||||
color: #fff;
|
||||
padding: 2px 6px;
|
||||
border-radius: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.cve-severity-medium {
|
||||
background-color: #fbc02d;
|
||||
color: #333;
|
||||
padding: 2px 6px;
|
||||
border-radius: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.cve-severity-low {
|
||||
background-color: #2196f3;
|
||||
color: #fff;
|
||||
padding: 2px 6px;
|
||||
border-radius: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* Status classes */
|
||||
.cve-status-new {
|
||||
background-color: #2196f3;
|
||||
color: #fff;
|
||||
padding: 2px 6px;
|
||||
border-radius: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.cve-status-analyzed {
|
||||
background-color: #ff9800;
|
||||
color: #fff;
|
||||
padding: 2px 6px;
|
||||
border-radius: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.cve-status-assigned {
|
||||
background-color: #9c27b0;
|
||||
color: #fff;
|
||||
padding: 2px 6px;
|
||||
border-radius: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.cve-status-resolved {
|
||||
background-color: #4caf50;
|
||||
color: #fff;
|
||||
padding: 2px 6px;
|
||||
border-radius: 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* Badge style for dashboard */
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: 2px 8px;
|
||||
border-radius: 10px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
Reference in New Issue
Block a user