rameshbasina commited on
Commit
ee30dfa
·
1 Parent(s): 3f548f4

Wider model selector to show meeTARA fully

Browse files
Files changed (1) hide show
  1. app.py +20 -20
app.py CHANGED
@@ -1097,7 +1097,7 @@ body.meetara-light-mode .prompt-radio input:checked ~ * {
1097
  background: transparent !important;
1098
  border: none !important;
1099
  padding: 0 !important;
1100
- margin-left: 8px !important;
1101
  }
1102
 
1103
  .model-selector-simple [data-testid="dropdown"] {
@@ -1105,7 +1105,7 @@ body.meetara-light-mode .prompt-radio input:checked ~ * {
1105
  border: 1px solid #14b8a6 !important;
1106
  border-radius: 12px !important;
1107
  padding: 8px 16px !important;
1108
- min-width: 140px !important;
1109
  color: #0f172a !important;
1110
  font-size: 13px !important;
1111
  font-weight: 500 !important;
@@ -1693,18 +1693,18 @@ textarea::placeholder {
1693
  min-width: 26px !important;
1694
  }
1695
 
1696
- /* Model selector on mobile - wider to show name */
1697
  .model-selector-simple {
1698
  flex-shrink: 0 !important;
1699
- min-width: 70px !important;
1700
- max-width: 90px !important;
1701
- margin-left: 6px !important;
1702
  }
1703
 
1704
  .model-selector-simple [data-testid="dropdown"] {
1705
- padding: 4px 8px !important;
1706
- font-size: 10px !important;
1707
- min-width: 70px !important;
1708
  border-radius: 8px !important;
1709
  }
1710
 
@@ -1849,27 +1849,27 @@ textarea::placeholder {
1849
  min-width: 20px !important;
1850
  }
1851
 
1852
- /* Model selector - small phones */
1853
  .model-selector-simple {
1854
- min-width: 65px !important;
1855
- max-width: 80px !important;
1856
  }
1857
 
1858
  .model-selector-simple [data-testid="dropdown"] {
1859
- padding: 3px 6px !important;
1860
- font-size: 9px !important;
1861
- min-width: 65px !important;
1862
  }
1863
 
1864
- /* Preprompt icons - small phones */
1865
  .preprompt-icon {
1866
- padding: 2px 3px !important;
1867
- font-size: 13px !important;
1868
- min-width: 24px !important;
1869
  }
1870
 
1871
  .input-actions-row {
1872
- gap: 4px !important;
1873
  }
1874
 
1875
  .send-button-inline {
 
1097
  background: transparent !important;
1098
  border: none !important;
1099
  padding: 0 !important;
1100
+ margin-left: 12px !important;
1101
  }
1102
 
1103
  .model-selector-simple [data-testid="dropdown"] {
 
1105
  border: 1px solid #14b8a6 !important;
1106
  border-radius: 12px !important;
1107
  padding: 8px 16px !important;
1108
+ min-width: 160px !important;
1109
  color: #0f172a !important;
1110
  font-size: 13px !important;
1111
  font-weight: 500 !important;
 
1693
  min-width: 26px !important;
1694
  }
1695
 
1696
+ /* Model selector on mobile - wide enough for "meeTARA" */
1697
  .model-selector-simple {
1698
  flex-shrink: 0 !important;
1699
+ min-width: 85px !important;
1700
+ max-width: 100px !important;
1701
+ margin-left: 8px !important;
1702
  }
1703
 
1704
  .model-selector-simple [data-testid="dropdown"] {
1705
+ padding: 5px 10px !important;
1706
+ font-size: 11px !important;
1707
+ min-width: 85px !important;
1708
  border-radius: 8px !important;
1709
  }
1710
 
 
1849
  min-width: 20px !important;
1850
  }
1851
 
1852
+ /* Model selector - small phones - fit "meeTARA" */
1853
  .model-selector-simple {
1854
+ min-width: 80px !important;
1855
+ max-width: 95px !important;
1856
  }
1857
 
1858
  .model-selector-simple [data-testid="dropdown"] {
1859
+ padding: 4px 8px !important;
1860
+ font-size: 10px !important;
1861
+ min-width: 80px !important;
1862
  }
1863
 
1864
+ /* Preprompt icons - small phones - slightly smaller to make room */
1865
  .preprompt-icon {
1866
+ padding: 2px 2px !important;
1867
+ font-size: 12px !important;
1868
+ min-width: 22px !important;
1869
  }
1870
 
1871
  .input-actions-row {
1872
+ gap: 3px !important;
1873
  }
1874
 
1875
  .send-button-inline {