Skip to content

Commit 543e9c9

Browse files
authored
File tree diff: style for mobile (#530)
Small adjustment to not break on mobile. [Peek 2025-02-11 11-53.webm](https://github.com/user-attachments/assets/5fa4e490-374c-457e-8f8c-53fa773556b7)
1 parent 8010104 commit 543e9c9

File tree

1 file changed

+15
-0
lines changed

1 file changed

+15
-0
lines changed

src/filetreediff.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,3 +75,18 @@
7575
display: flex;
7676
min-width: 2.5rem;
7777
}
78+
79+
@media (max-width: 1023px) {
80+
:host > div {
81+
width: calc(100% - 1rem);
82+
margin: 0;
83+
right: 0;
84+
border-radius: 0;
85+
padding: 0.5rem;
86+
}
87+
88+
:host > div > div > select {
89+
width: 100%;
90+
border: 0;
91+
}
92+
}

0 commit comments

Comments
 (0)