mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-15 17:12:59 -04:00
some more social button changes
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -11,8 +11,8 @@
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||||
<meta name="apple-mobile-web-app-title" content="Roomba Rover" />
|
||||
<title>Roomba Rover</title>
|
||||
<script type="module" crossorigin src="/assets/index-3MESEWAw.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-C8Hua3Ji.css">
|
||||
<script type="module" crossorigin src="/assets/index-CckAnAnd.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-BGy4iG0w.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
||||
@@ -38,7 +38,7 @@ export default function SocialButton({ id = null, label, url, icon, color, layou
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label={text}
|
||||
className={`grid h-full min-h-0 w-full place-items-center rounded-md bg-slate-700 px-0.5 py-0.5 text-center text-sm font-medium text-white transition hover:opacity-90 ${className}`}
|
||||
className={`grid h-full min-h-0 w-full place-items-center rounded-md bg-slate-700 px-0.5 ${isInline ? 'py-0.5' : 'pb-3'} text-center text-sm font-medium text-white transition hover:opacity-90 ${className}`}
|
||||
style={bgColor ? { backgroundColor: bgColor } : undefined}
|
||||
>
|
||||
{isInline ? (
|
||||
@@ -49,7 +49,7 @@ export default function SocialButton({ id = null, label, url, icon, color, layou
|
||||
) : (
|
||||
<span className="flex h-full w-full max-w-full flex-col items-center justify-between text-center leading-tight">
|
||||
<span className="flex min-h-0 flex-1 items-center justify-center">
|
||||
<Icon className="shrink-0" style={{ fontSize: 'clamp(1rem, 2.2vh + 1.2vw, 2rem)' }} />
|
||||
<Icon className="shrink-0" style={{ fontSize: 'clamp(1rem, 2.2vh + 1.2vw, 3rem)' }} />
|
||||
</span>
|
||||
<span className="w-full break-words leading-tight">{text}</span>
|
||||
</span>
|
||||
|
||||
@@ -20,7 +20,7 @@ export function NicknameEntryPanel({ compact = false }) {
|
||||
|
||||
export function LinkButtonsPanel() {
|
||||
return (
|
||||
<CardFrame title="Socials" fillHeight bodyClassName="flex flex-1 min-h-0 flex-col gap-0.5 text-base">
|
||||
<CardFrame title="Links!" fillHeight bodyClassName="flex flex-1 min-h-0 flex-col gap-0.5 text-base">
|
||||
<SocialButtonsGrid className="flex-1 min-h-0" />
|
||||
</CardFrame>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user