GWM : button color and tab coller changed in sales tracker module
This commit is contained in:
parent
997aae68ef
commit
56c90daa9f
@ -4,8 +4,8 @@
|
|||||||
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #f5f5f5; color: #333; }
|
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #f5f5f5; color: #333; }
|
||||||
.main-content { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
|
.main-content { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
|
||||||
|
|
||||||
.btn-primary { background: #ff6b35; color: white; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.2s; }
|
.btn-primary { background: #02a8b5; color: white; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.2s; }
|
||||||
.btn-primary:hover { background: #ff5722; transform: translateY(-1px); }
|
.btn-primary:hover { background: #02a8b5; transform: translateY(-1px); }
|
||||||
.btn-complete { background: #4caf50; color: white; border: none;padding: 8px 16px; border-radius: 6px; cursor: pointer; font-size: 13px; transition: all 0.2s;}
|
.btn-complete { background: #4caf50; color: white; border: none;padding: 8px 16px; border-radius: 6px; cursor: pointer; font-size: 13px; transition: all 0.2s;}
|
||||||
.btn-complete:hover { background: #4caf50; transform: translateY(-1px); }
|
.btn-complete:hover { background: #4caf50; transform: translateY(-1px); }
|
||||||
.btn-view { background: #f0f0f0; color: #666; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; font-size: 13px; transition: all 0.2s;}
|
.btn-view { background: #f0f0f0; color: #666; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; font-size: 13px; transition: all 0.2s;}
|
||||||
@ -14,7 +14,7 @@
|
|||||||
/* Filter Tabs */
|
/* Filter Tabs */
|
||||||
.filter-tabs { display: flex; gap: 10px; padding: 20px 30px; }
|
.filter-tabs { display: flex; gap: 10px; padding: 20px 30px; }
|
||||||
.tab { padding: 10px 20px; border-radius: 20px; cursor: pointer; font-size: 14px; background: white; color: #666; border: 1px solid #e0e0e0; transition: all 0.2s; }
|
.tab { padding: 10px 20px; border-radius: 20px; cursor: pointer; font-size: 14px; background: white; color: #666; border: 1px solid #e0e0e0; transition: all 0.2s; }
|
||||||
.tab.active { background: #ff6b35; color: white; border-color: #ff6b35; }
|
.tab.active { background: #02a8b5; color: white; border-color: #02a8b5; }
|
||||||
|
|
||||||
/* Leads Grid */
|
/* Leads Grid */
|
||||||
.lead-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; /* responsive */ gap: 15px; }
|
.lead-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; /* responsive */ gap: 15px; }
|
||||||
|
|||||||
@ -5,13 +5,13 @@
|
|||||||
.main-content { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
|
.main-content { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
|
||||||
/* .top-bar { background: white; padding: 15px 30px; border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; } */
|
/* .top-bar { background: white; padding: 15px 30px; border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; } */
|
||||||
|
|
||||||
.btn-primary { background: #ff6b35; color: white; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.2s; }
|
.btn-primary { background: #02a8b5; color: white; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.2s; }
|
||||||
.btn-primary:hover { background: #ff5722; transform: translateY(-1px); }
|
.btn-primary:hover { background: #02a8b5; transform: translateY(-1px); }
|
||||||
|
|
||||||
/* Filter Tabs */
|
/* Filter Tabs */
|
||||||
.filter-tabs { display: flex; gap: 10px; padding: 20px 30px; }
|
.filter-tabs { display: flex; gap: 10px; padding: 20px 30px; }
|
||||||
.tab { padding: 10px 20px; border-radius: 20px; cursor: pointer; font-size: 14px; background: white; color: #666; border: 1px solid #e0e0e0; transition: all 0.2s; }
|
.tab { padding: 10px 20px; border-radius: 20px; cursor: pointer; font-size: 14px; background: white; color: #666; border: 1px solid #e0e0e0; transition: all 0.2s; }
|
||||||
.tab.active { background: #ff6b35; color: white; border-color: #ff6b35; }
|
.tab.active { background: #02a8b5; color: white; border-color: #02a8b5; }
|
||||||
|
|
||||||
/* Leads Grid */
|
/* Leads Grid */
|
||||||
.lead-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; /* responsive */ gap: 15px; }
|
.lead-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; /* responsive */ gap: 15px; }
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user