start object view layout

This commit is contained in:
marlon-erler
2024-07-11 17:07:06 +02:00
parent 4cc9201bc5
commit fec04b6d2d
8 changed files with 176 additions and 125 deletions
+5 -5
View File
@@ -14,10 +14,10 @@
display: flex;
flex-direction: column;
}
.chat-tool-view {
.chat-object-view {
display: none;
}
[showingchattools] :is(.thread-view, .chat-tool-view) {
[showingchattools] :is(.thread-view, .chat-object-view) {
overflow: scroll;
position: absolute;
padding: 0px;
@@ -25,7 +25,7 @@
[showingchattools] header {
border-bottom: 1px solid var(--border);
}
[showingchattools] .chat-tool-view {
[showingchattools] .chat-object-view {
display: flex;
top: var(--header-height);
bottom: calc(var(--thread-view-height-with-tools) + var(--footer-top-line));
@@ -47,11 +47,11 @@
}
}
@media (min-width: 640px) {
[showingchattools] :is(.thread-view, .chat-tool-view) {
[showingchattools] :is(.thread-view, .chat-object-view) {
top: var(--header-height);
bottom: var(--footer-top-line);
}
[showingchattools] .chat-tool-view {
[showingchattools] .chat-object-view {
left: 0px;
right: var(--thread-view-width-with-tools);
border-bottom: none;