doryan/material-you-react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ADDED: Icon wrapper for more elegant way to placement icon in buttons

Browse Source 
TODO: Add styles for selected segmented button
DONE: Base styles for segmented buttons
This commit is contained in:
doryan04
2024-02-09 23:25:46 +04:00
committed by doryan
parent dbb19057ac
commit ff00e19aeb
4 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/styles/generics.css
View File

@@ -718,13 +718,19 @@ div.m3.m3-segmented-buttons {
border-radius: 20px;
}
div.m3.m3-segmented-buttons > button.m3.m3-button-segment {
width: max-content;
border-radius: 0;
box-sizing: border-box;
height: 40px;
border-radius: 0;
min-width: 108px;
width: max-content;
box-sizing: border-box;
border: 1px solid var(--md-sys-color-outline);
}
div.m3.m3-segmented-buttons > button.m3.m3-button-segment > span {
color: var(--md-sys-color-on-surface);
}
div.m3.m3-segmented-buttons > button.m3.m3-button-segment > svg > text {
fill: var(--md-sys-color-on-surface);
}
div.m3.m3-segmented-buttons > button.m3.m3-button-segment:not(:first-child) {
margin-left: -1px;
}