style: first column width
This commit is contained in:
parent
25b23b79d2
commit
9e24ebe281
1 changed files with 10 additions and 3 deletions
|
@ -85,7 +85,7 @@ const description =
|
||||||
<div class="table-container">
|
<div class="table-container">
|
||||||
<table>
|
<table>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Avatar</th>
|
<th> </th>
|
||||||
<th>Fedi</th>
|
<th>Fedi</th>
|
||||||
<th>Bsky</th>
|
<th>Bsky</th>
|
||||||
</tr>
|
</tr>
|
||||||
|
@ -154,6 +154,7 @@ const description =
|
||||||
<style>
|
<style>
|
||||||
td img {
|
td img {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
min-width: 50px;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
}
|
}
|
||||||
|
@ -162,10 +163,16 @@ const description =
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
table th,
|
th,
|
||||||
table td {
|
td {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background: rgba(0, 0, 0, 0.1);
|
background: rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
th:first-child,
|
||||||
|
td:first-child {
|
||||||
|
display: block;
|
||||||
|
max-width: calc(50px + 2rem);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue