mirror of
https://github.com/minoplhy/chhoto-url.git
synced 2024-11-22 09:16:46 +00:00
fix: Centering on mobile UI
This commit is contained in:
parent
3be2862e9f
commit
b66086be38
@ -29,13 +29,20 @@ table tr td div {
|
|||||||
}
|
}
|
||||||
|
|
||||||
td[name="deleteBtn"] {
|
td[name="deleteBtn"] {
|
||||||
text-align: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
td[name="deleteBtn"] button {
|
td[name="deleteBtn"] button {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
aspect-ratio: 1;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-weight: bold;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -102,6 +109,7 @@ dialog form {
|
|||||||
|
|
||||||
table td {
|
table td {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
justify-content: left !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
table td::before {
|
table td::before {
|
||||||
@ -112,7 +120,13 @@ dialog form {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
td[name="deleteBtn"] button {
|
||||||
|
border-radius: 50%;
|
||||||
|
aspect-ratio: 1;
|
||||||
|
}
|
||||||
|
|
||||||
.pure-table caption {
|
.pure-table caption {
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user