GitBrowser/Components/Pages/Repo.razor.css
+48
-0
diff --git a/GitBrowser/Components/Pages/Repo.razor.css b/GitBrowser/Components/Pages/Repo.razor.css
index ea48cb1..f5b723a 100644
@@ -251,3 +251,51 @@ tbody td {
.current-file:hover {
background: var(--gh-color-attention-subtle) !important;
}
@media (max-width: 768px) {
table,
thead,
tbody,
td {
display: block;
}
thead {
display: none;
}
tbody tr {
border: 1px solid var(--gh-color-border-default);
border-top: none;
padding: 0.75rem;
display: grid;
grid-template-areas: "name name"
"message date";
grid-template-columns: 1fr auto;
}
tbody td {
padding: 0;
}
.name-cell {
font-size: 1rem;
grid-area: name;
}
.commit-message {
font-size: 0.8125rem;
grid-area: message;
}
.commit-date {
width: unset;
font-size: 0.8125rem;
grid-area: date;
}
.current-file {
border-left: 3px solid var(--gh-color-accent-fg);
padding-left: calc(0.75rem - 3px);
}
}