Skip to content

Commit 9f957fd

Browse files
Spl0itableSpl0itable
committed
v3.73.519
1 parent 66fa9d4 commit 9f957fd

8 files changed

Lines changed: 700 additions & 2 deletions

File tree

‎css/styles-chat.css‎

Lines changed: 303 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1267,6 +1267,309 @@ body.chat-bubbles .read-more-btn {
12671267
font-weight: bold;
12681268
}
12691269

1270+
.bot-control-bar {
1271+
display: flex;
1272+
align-items: center;
1273+
gap: 8px;
1274+
padding: 8px 16px;
1275+
background: var(--glass-bg);
1276+
border-bottom: 1px solid var(--glass-border);
1277+
overflow-x: auto;
1278+
scrollbar-width: none;
1279+
flex-wrap: nowrap;
1280+
}
1281+
1282+
.bot-control-bar::-webkit-scrollbar {
1283+
display: none;
1284+
}
1285+
1286+
.bot-tier-switch {
1287+
display: inline-flex;
1288+
gap: 3px;
1289+
padding: 3px;
1290+
background: var(--bg-tertiary);
1291+
border: 1px solid var(--glass-border);
1292+
border-radius: 10px;
1293+
flex-shrink: 0;
1294+
}
1295+
1296+
.bot-tier-btn {
1297+
padding: 5px 14px;
1298+
border: none;
1299+
background: transparent;
1300+
color: var(--text-dim);
1301+
font-family: var(--font-sans);
1302+
font-size: 12px;
1303+
font-weight: 600;
1304+
border-radius: 7px;
1305+
cursor: pointer;
1306+
transition: all var(--transition);
1307+
white-space: nowrap;
1308+
}
1309+
1310+
.bot-tier-btn:hover {
1311+
color: var(--text);
1312+
}
1313+
1314+
.bot-tier-btn.active {
1315+
background: rgb(from var(--lightning) r g b / 0.14);
1316+
color: var(--lightning);
1317+
box-shadow: inset 0 0 0 1px rgb(from var(--lightning) r g b / 0.4);
1318+
}
1319+
1320+
.bot-ctrl-btn {
1321+
display: inline-flex;
1322+
align-items: center;
1323+
gap: 6px;
1324+
padding: 6px 12px;
1325+
background: rgba(255, 255, 255, 0.05);
1326+
border: 1px solid var(--glass-border);
1327+
border-radius: 8px;
1328+
color: var(--text-dim);
1329+
font-family: var(--font-sans);
1330+
font-size: 12px;
1331+
font-weight: 500;
1332+
cursor: pointer;
1333+
transition: all var(--transition);
1334+
white-space: nowrap;
1335+
flex-shrink: 0;
1336+
}
1337+
1338+
.bot-ctrl-btn:hover {
1339+
color: var(--text);
1340+
border-color: rgb(from var(--primary) r g b / 0.4);
1341+
}
1342+
1343+
.bot-ctrl-btn.active {
1344+
color: var(--primary);
1345+
border-color: rgb(from var(--primary) r g b / 0.5);
1346+
background: rgb(from var(--primary) r g b / 0.1);
1347+
}
1348+
1349+
.bot-ctrl-label {
1350+
max-width: 150px;
1351+
overflow: hidden;
1352+
text-overflow: ellipsis;
1353+
}
1354+
1355+
.bot-ctrl-buy {
1356+
margin-left: auto;
1357+
color: var(--lightning);
1358+
border-color: rgb(from var(--lightning) r g b / 0.4);
1359+
background: rgb(from var(--lightning) r g b / 0.1);
1360+
}
1361+
1362+
.bot-ctrl-buy:hover {
1363+
color: var(--lightning);
1364+
border-color: rgb(from var(--lightning) r g b / 0.6);
1365+
background: rgb(from var(--lightning) r g b / 0.16);
1366+
}
1367+
1368+
@media (max-width: 600px) {
1369+
.bot-control-bar {
1370+
gap: 6px;
1371+
padding: 7px 12px;
1372+
}
1373+
1374+
.bot-ctrl-btn {
1375+
padding: 6px 10px;
1376+
}
1377+
1378+
.bot-ctrl-label {
1379+
max-width: 96px;
1380+
}
1381+
}
1382+
1383+
.bot-model-modal-content {
1384+
max-width: 460px;
1385+
}
1386+
1387+
.bot-model-sub {
1388+
color: var(--text-dim);
1389+
font-size: 13px;
1390+
line-height: 1.5;
1391+
margin: -10px 0 18px;
1392+
}
1393+
1394+
.bot-model-list {
1395+
display: flex;
1396+
flex-direction: column;
1397+
gap: 8px;
1398+
}
1399+
1400+
.bot-model-row {
1401+
display: flex;
1402+
align-items: center;
1403+
gap: 12px;
1404+
width: 100%;
1405+
text-align: left;
1406+
padding: 12px 14px;
1407+
background: rgba(255, 255, 255, 0.04);
1408+
border: 1px solid var(--glass-border);
1409+
border-radius: var(--radius-sm);
1410+
color: var(--text);
1411+
font-family: var(--font-sans);
1412+
cursor: pointer;
1413+
transition: all var(--transition);
1414+
}
1415+
1416+
.bot-model-row:hover {
1417+
border-color: rgb(from var(--primary) r g b / 0.4);
1418+
background: rgba(255, 255, 255, 0.06);
1419+
}
1420+
1421+
.bot-model-row.selected {
1422+
border-color: rgb(from var(--primary) r g b / 0.6);
1423+
background: rgb(from var(--primary) r g b / 0.1);
1424+
}
1425+
1426+
.bot-model-row-main {
1427+
flex: 1;
1428+
min-width: 0;
1429+
display: flex;
1430+
flex-direction: column;
1431+
gap: 3px;
1432+
}
1433+
1434+
.bot-model-row-name {
1435+
font-size: 14px;
1436+
font-weight: 600;
1437+
color: var(--text-bright);
1438+
}
1439+
1440+
.bot-model-row-tag {
1441+
font-size: 11px;
1442+
font-weight: 500;
1443+
color: var(--secondary);
1444+
text-transform: uppercase;
1445+
letter-spacing: 0.5px;
1446+
margin-left: 4px;
1447+
}
1448+
1449+
.bot-model-row-desc {
1450+
font-size: 12px;
1451+
color: var(--text-dim);
1452+
line-height: 1.35;
1453+
}
1454+
1455+
.bot-model-check {
1456+
flex-shrink: 0;
1457+
width: 16px;
1458+
color: var(--primary);
1459+
display: flex;
1460+
}
1461+
1462+
.bot-git-intro {
1463+
color: var(--text-dim);
1464+
font-size: 12.5px;
1465+
line-height: 1.5;
1466+
margin: -10px 0 20px;
1467+
}
1468+
1469+
.bot-git-providers {
1470+
display: flex;
1471+
gap: 8px;
1472+
flex-wrap: wrap;
1473+
}
1474+
1475+
.bot-git-provider {
1476+
padding: 7px 14px;
1477+
background: rgba(255, 255, 255, 0.04);
1478+
border: 1px solid var(--glass-border);
1479+
border-radius: 20px;
1480+
color: var(--text-dim);
1481+
font-family: var(--font-sans);
1482+
font-size: 13px;
1483+
cursor: pointer;
1484+
transition: all var(--transition);
1485+
}
1486+
1487+
.bot-git-provider:hover {
1488+
color: var(--text);
1489+
border-color: rgb(from var(--primary) r g b / 0.4);
1490+
}
1491+
1492+
.bot-git-provider.active {
1493+
color: var(--primary);
1494+
border-color: var(--primary);
1495+
background: rgb(from var(--primary) r g b / 0.12);
1496+
font-weight: 600;
1497+
}
1498+
1499+
.bot-git-optional {
1500+
color: var(--text-dim);
1501+
font-weight: 400;
1502+
text-transform: none;
1503+
letter-spacing: 0;
1504+
}
1505+
1506+
.bot-git-load-repos {
1507+
margin-top: 8px;
1508+
padding: 0;
1509+
background: none;
1510+
border: none;
1511+
color: var(--primary);
1512+
font-family: var(--font-sans);
1513+
font-size: 12px;
1514+
cursor: pointer;
1515+
text-decoration: underline;
1516+
text-underline-offset: 2px;
1517+
}
1518+
1519+
.bot-git-load-repos:hover {
1520+
opacity: 0.8;
1521+
}
1522+
1523+
.bot-git-writes-row {
1524+
display: flex;
1525+
align-items: center;
1526+
justify-content: space-between;
1527+
gap: 16px;
1528+
}
1529+
1530+
.bot-git-writes-text {
1531+
flex: 1;
1532+
min-width: 0;
1533+
}
1534+
1535+
.bot-git-writes-title {
1536+
font-size: 14px;
1537+
font-weight: 600;
1538+
color: var(--text-bright);
1539+
margin-bottom: 2px;
1540+
}
1541+
1542+
.bot-git-status {
1543+
margin: 0 0 16px;
1544+
padding: 9px 12px;
1545+
border: 1px solid var(--glass-border);
1546+
border-radius: var(--radius-sm);
1547+
background: rgba(255, 255, 255, 0.04);
1548+
color: var(--text);
1549+
font-size: 12.5px;
1550+
line-height: 1.4;
1551+
}
1552+
1553+
.bot-git-status.warn {
1554+
border-color: rgb(from var(--warning) r g b / 0.4);
1555+
background: rgb(from var(--warning) r g b / 0.1);
1556+
color: var(--warning);
1557+
}
1558+
1559+
.bot-git-status.ok {
1560+
border-color: rgb(from var(--primary) r g b / 0.4);
1561+
background: rgb(from var(--primary) r g b / 0.08);
1562+
color: var(--text);
1563+
}
1564+
1565+
.bot-git-status.loading {
1566+
color: var(--text-dim);
1567+
}
1568+
1569+
.bot-git-disconnect {
1570+
color: var(--danger);
1571+
}
1572+
12701573
.message-content blockquote {
12711574
border-left: 3px solid rgb(from var(--primary) r g b / 0.4);
12721575
padding-left: 12px;

‎css/styles-themes-responsive.css‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -598,6 +598,39 @@ body.light-mode .icon-btn {
598598
color: var(--primary);
599599
}
600600

601+
body.light-mode .bot-ctrl-btn,
602+
body.light-mode .bot-model-row,
603+
body.light-mode .bot-git-provider,
604+
body.light-mode .bot-git-status {
605+
border-color: rgba(0, 0, 0, 0.1);
606+
background: rgba(0, 0, 0, 0.03);
607+
}
608+
609+
body.light-mode .bot-ctrl-btn:hover,
610+
body.light-mode .bot-model-row:hover {
611+
background: rgba(0, 0, 0, 0.05);
612+
}
613+
614+
body.light-mode .bot-ctrl-btn.active {
615+
background: rgb(from var(--primary) r g b / 0.1);
616+
}
617+
618+
body.light-mode .bot-ctrl-buy {
619+
background: rgb(from var(--lightning) r g b / 0.1);
620+
}
621+
622+
body.light-mode .bot-model-row.selected {
623+
background: rgb(from var(--primary) r g b / 0.1);
624+
}
625+
626+
body.light-mode .bot-git-provider.active {
627+
background: rgb(from var(--primary) r g b / 0.12);
628+
}
629+
630+
body.light-mode .bot-git-status.warn {
631+
background: rgb(from var(--warning) r g b / 0.12);
632+
}
633+
601634
body.light-mode .icon-btn:hover {
602635
background: rgba(0, 0, 0, 0.06);
603636
color: var(--primary);

0 commit comments

Comments
 (0)