Home Esplora Aiuto
Accedi
pengfeng
/
xiaoshu-app
1
0
Forka 0
File Problemi 0 Pull Requests 0 Wiki
Albero (Tree): b00588a33d
Rami (Branch) Tag
xiaoshu-app
/
projects
/
xiaoshu-admin
/
src
/
app
/
pages
/
schedule-bulk-manager.component.scss

schedule-bulk-manager.component.scss 3.0 KB
Cronologia Originale

123456789101112131415 
  1. :host{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;color:#20332e}
    2. 

  2. .bulk-backdrop{position:absolute;inset:0;background:rgba(16,37,30,.48)}
    3. 

  3. .bulk-dialog{position:relative;display:flex;flex-direction:column;gap:14px;width:min(1100px,100%);max-height:calc(100vh - 40px);padding:22px;background:#fff;border-radius:16px;box-shadow:0 18px 60px #173c3040;overflow:auto}
    4. 

  4. header,.controls,.pagination,footer{display:flex;align-items:center;justify-content:space-between;gap:12px}h2,p{margin:0}header p,.hint{color:#62766e;font-size:13px;line-height:1.5}header h2{font-size:21px;margin-bottom:5px}.close{font-size:25px;line-height:1;padding:0 8px}
    5. 

  5. button,input,select{font:inherit}button{background:#fff;border:1px solid #cdded7;border-radius:8px;color:#176c57;padding:9px 13px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input:not([type=checkbox]),select{border:1px solid #cdded7;border-radius:8px;padding:9px 11px;min-width:0}input[type=checkbox]{width:17px;height:17px;accent-color:#19765d;cursor:pointer}
    6. 

  6. .search fieldset{display:grid;grid-template-columns:minmax(180px,1fr) repeat(2,minmax(180px,210px)) auto auto;gap:10px;align-items:end;min-width:0;margin:0;padding:0;border:0}.search label{display:grid;gap:5px;flex:1;font-size:13px}.search button{background:#176c57;color:#fff}.controls>div,.pagination>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.controls span{font-size:13px;color:#60756d}.notice{padding:10px;border-radius:8px;background:#eaf6f0;color:#165e49;font-size:13px}.notice.error{background:#fff0ee;color:#a32826}
    7. 

  7. .table-wrap{overflow:auto;border:1px solid #dce8e3;border-radius:9px;min-height:160px}table{border-collapse:collapse;width:100%;min-width:700px;text-align:left;font-size:13px}th,td{padding:11px 10px;border-bottom:1px solid #e4ece8}th{background:#f1f7f4;color:#52685f}tbody tr:last-child td{border-bottom:0}.empty{text-align:center;color:#71847b;padding:35px}.pagination{font-size:13px}.pagination label,.pagination div{display:flex;align-items:center;gap:8px}footer{padding-top:8px;border-top:1px solid #e0e9e4}footer label{display:flex;align-items:center;gap:8px;font-size:13px;flex:1}footer input{flex:1;max-width:360px}.danger{background:#b63e35;color:white;border-color:#b63e35}
    8. 

  8. .pagination label{white-space:nowrap;flex:0 0 auto}.pagination select{width:75px;flex:none}
    9. 

  9. @media(max-width:640px){:host{padding:8px}.bulk-dialog{padding:15px;max-height:calc(100vh - 16px)}.controls,.pagination,footer{align-items:stretch;flex-direction:column}footer label{flex-wrap:wrap}footer input{max-width:none}.search{align-items:stretch}.search button{align-self:end}}
    10. 

  10. 

  11. .search .reset{background:#fff;color:#176c57}.search input:not([type=checkbox]){box-sizing:border-box;width:100%;min-height:40px}
    12. 

  12. @media(max-width:900px){.search fieldset{grid-template-columns:1fr 1fr}.search label{grid-column:1/-1}.search button{width:100%}}
    13. 

  13. @media(max-width:420px){.search fieldset{grid-template-columns:minmax(0,1fr)}.search label{grid-column:auto}}
    14. 

  14. 

  15. .course-duration{white-space:nowrap}
    16.