| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- /* 工具栏样式 */
- .Blueprint-toolbar {
- grid-column: 1 / -1;
- background: #2b2b2b;
- border-bottom: 1px solid #404040;
- display: flex;
- align-items: center;
- padding: 0 16px;
- gap: 12px;
- z-index: 100;
- }
- .Blueprint-toolbar-button {
- padding: 8px 16px;
- background: #3d3d3d;
- border: 1px solid #555;
- border-radius: 4px;
- color: #fff;
- cursor: pointer;
- font-size: 14px;
- transition: background 0.2s;
- }
- .Blueprint-toolbar-button:hover {
- background: #4a4a4a;
- }
- .Blueprint-toolbar-button:active {
- background: #363636;
- }
- .Blueprint-toolbar-spacer {
- flex: 1;
- }
- .Blueprint-toolbar-title {
- color: #fff;
- font-size: 16px;
- font-weight: 500;
- text-align: center;
- user-select: none;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 400px;
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 8px;
- }
- .Blueprint-toolbar-status {
- display: inline-flex;
- align-items: center;
- }
- .Blueprint-toolbar-dot {
- width: 8px;
- height: 8px;
- border-radius: 50%;
- display: inline-block;
- flex-shrink: 0;
- }
- .Blueprint-toolbar-dot.dirty {
- background-color: #f44336;
- box-shadow: 0 0 4px rgba(244, 67, 54, 0.6);
- }
- .Blueprint-toolbar-dot.saved {
- background-color: #4caf50;
- box-shadow: 0 0 4px rgba(76, 175, 80, 0.6);
- }
|