chore: cleanup duplicate markup
This commit is contained in:
parent
d8fa7cf65d
commit
2c4d1fb8b4
4 changed files with 114 additions and 49 deletions
42
packages/ui/src/components/session-message-rail.css
Normal file
42
packages/ui/src/components/session-message-rail.css
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
[data-component="session-message-rail"] {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
[data-slot="session-message-rail-compact"],
|
||||
[data-slot="session-message-rail-full"] {
|
||||
position: absolute;
|
||||
left: 1.5rem;
|
||||
margin-top: 0.625rem;
|
||||
}
|
||||
|
||||
[data-slot="session-message-rail-compact"] {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
[data-slot="session-message-rail-full"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 72rem) {
|
||||
[data-slot="session-message-rail-compact"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[data-slot="session-message-rail-full"] {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-message-rail"] [data-slot="session-message-rail-full"] {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
[data-component="session-message-rail"][data-wide] [data-slot="session-message-rail-full"] {
|
||||
margin-top: 0.125rem;
|
||||
left: calc(((100% - min(100%, 36.5rem)) / 2) - 1.5rem);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
[data-component="session-message-rail"]:not([data-wide]) [data-slot="session-message-rail-full"] {
|
||||
margin-top: 0.625rem;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue