fix tab bar - remove broken clip-path that was cutting text

Author: xcutiboo

src/components/live-preview/terminal-window.component.ts

@@ -103,7 +103,9 @@ import { FontPresetsService } from '../../services/font-presets.service';
           }
           @case ('slant') {
             @for (tab of tabs; track tab.name; let i = $index) {
-              <div class="relative px-4 py-1.5 text-xs whitespace-nowrap flex items-center slanted-tab" [ngStyle]="slantTabStyles(i === 0)">{{ tab.name }}</div>
+              <div class="px-3 py-1.5 text-xs whitespace-nowrap flex items-center relative" [ngStyle]="slantTabStyles(i === 0)">
+                <span class="relative z-10">{{ tab.name }}</span>
+              </div>
             }
             <div class="flex-1" [style.background]="tabBarBg()"></div>
           }
@@ -137,8 +139,6 @@ import { FontPresetsService } from '../../services/font-presets.service';
     .url-text { text-decoration: underline; cursor: pointer; }
     @keyframes blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } }
     .animate-blink { animation: blink 1s step-end infinite; }
-    .slanted-tab { clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%); padding-left: 16px; padding-right: 16px; margin-right: -4px; }
-    .slanted-tab:first-child { clip-path: polygon(0% 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%); padding-left: 12px; }
   `]
 })
 export class TerminalWindowComponent {