उचित लेआउट, पैडिंग और प्रदाता लोगो

शिप

24 अप्रैल 2026 को 11:35 pm बजे UTC

लेखक

kamo

Commit

c7dd4a3

लेआउट / रिक्ति निर्धारण: - सभी छह टैब (प्रोवाइडर, एक्सटेंशन, फोन उपयोगकर्ता, डिवाइसेज़, वॉयसमेल, हेल्थ) अब px के साथ एक TabShell में अपनी सामग्री लपेटो:{xs:2,md:3} py:3 pb:6 पैडिंग बटन अब पैनल के किनारे के खिलाफ नहीं बल्कि। - स्टिकी टू-रो टैब हेडर पैटर्न: आइकन टाइल + शीर्षक + बाईं ओर उपशीर्षक, दाएं पर टूलबार (अनुसंधान बॉक्स + एक्शन बटन), लंबवत रूप से रैपिंग संकीर्ण viewports - टेबल्स को गोल कोनों और एक टिन्ट के साथ एक पेपर (बाहरी) कंटेनर मिलता है नंगे टेबलहेड / टेबलबॉडी के बजाय हेडर पंक्ति। - खाली राज्यों ने शीर्षक + उपशीर्षक प्रतिलिपि के साथ एक डैश-बॉर्डर पेपर में स्थानांतरित किया पाठ की एक सपाट पंक्ति के बजाय। प्रदाता लोगो: - नया प्रदाताLogo घटक मौजूदा / सार्वजनिक / लोगो / वीओआईपी / * को केंद्रीकृत करता है और / public/logo/sms/* परिसंपत्तियों के पीछे एक टाइप (kind, type, size) API. - जोड़ा / public/logo/sms/flowroute.svg (text-mark) के बाद से कोई Flowroute ब्रांड नहीं संपत्ति रेपो में मौजूद थी। InstanceCard, AddPhoneServer / AddBulkText विकल्प कार्ड पर लोगो की सतह, एक बार एक प्रकार का चयन करने के बाद संवाद हेडर जोड़ें, प्रबंधित ड्रॉअर हेडर, और स्वास्थ्य टैब टाइल्स। कार्ड / दराज पॉलिश: InstanceCard: 4px रंगीन बाईं सीमा (status), लोगो + नाम + प्रदाता टाइप पिल, स्टेटस आइकन + कलर-मैच्ड लेबल ("कनेक्टेड" / "Needs reauth" / "Error"), कुंजी स्टेट, अंतिम सिंक समय, त्रुटि स्ट्रिंग। बटन एंकर प्रबंधित करें कार्ड के नीचे। - ManageInstanceDrawer header अब प्रदाता लोगो + उदाहरण का नाम + दिखाता है टाइप चिप; टैब्स पंक्ति अपने स्वयं के विभक्त हो जाता है इसलिए यह सामग्री को स्पर्श नहीं करता है। - AddBulkText संवाद लोगो के साथ प्रदाता कार्ड के 2-कॉलम ग्रिड का उपयोग करता है + लघु विवरण, सादे MUI चयन ड्रॉपडाउन की जगह। सफाई: - हटाए गए मृत विरासत घटकों को अब बहु-इंस्टेंस यूआई द्वारा supersed: PhoneProviderSetup.tsx, ******************* *************