kopia lustrzana https://github.com/gabipurcaru/followgraph
Adapt styling to fix broken truncation (#13)
* Adapt styling to fix broken truncation * Add line break Co-authored-by: Gabi Purcaru <gabi@purcaru.com>privacy
rodzic
d14cb65a5d
commit
96c9150ea6
|
@ -355,9 +355,10 @@ function AccountDetails({ account, mainDomain }) {
|
||||||
const [expandedFollowers, setExpandedFollowers] = useState(false)
|
const [expandedFollowers, setExpandedFollowers] = useState(false)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<li className="py-3 sm:py-4">
|
<li className="px-4 py-3 pb-7 sm:px-0 sm:py-4">
|
||||||
<div className="flex flex-col sm:flex-row items-center space-x-4">
|
<div className="flex flex-col gap-4 sm:flex-row">
|
||||||
<div className="flex-shrink-0">
|
<div className="flex-shrink-0 m-auto">
|
||||||
|
|
||||||
<img
|
<img
|
||||||
className="w-16 h-16 sm:w-8 sm:h-8 rounded-full"
|
className="w-16 h-16 sm:w-8 sm:h-8 rounded-full"
|
||||||
src={avatar_static}
|
src={avatar_static}
|
||||||
|
@ -368,9 +369,11 @@ function AccountDetails({ account, mainDomain }) {
|
||||||
<p className="text-sm font-medium text-gray-900 truncate dark:text-white">
|
<p className="text-sm font-medium text-gray-900 truncate dark:text-white">
|
||||||
{display_name}
|
{display_name}
|
||||||
</p>
|
</p>
|
||||||
<p className="text-sm text-gray-500 truncate dark:text-gray-400">
|
<div className="flex flex-col sm:flex-row text-sm text-gray-500 dark:text-gray-400">
|
||||||
{acct} | {numFollowers} followers
|
<span className="truncate">{acct}</span>
|
||||||
</p>
|
<span className="sm:inline hidden whitespace-pre"> | </span>
|
||||||
|
<span>{numFollowers} followers</span>
|
||||||
|
</div>
|
||||||
<br />
|
<br />
|
||||||
<small
|
<small
|
||||||
className="text-sm dark:text-gray-200"
|
className="text-sm dark:text-gray-200"
|
||||||
|
@ -401,7 +404,7 @@ function AccountDetails({ account, mainDomain }) {
|
||||||
)}
|
)}
|
||||||
</small>
|
</small>
|
||||||
</div>
|
</div>
|
||||||
<div className="inline-flex items-center text-base font-semibold text-gray-900 dark:text-white my-4 sm:my-0">
|
<div className="inline-flex m-auto text-base font-semibold text-gray-900 dark:text-white">
|
||||||
<a
|
<a
|
||||||
href={`https://${mainDomain}/@${acct.replace(
|
href={`https://${mainDomain}/@${acct.replace(
|
||||||
'@' + mainDomain,
|
'@' + mainDomain,
|
||||||
|
|
Ładowanie…
Reference in New Issue