mirror of
https://github.com/Radiquum/AniX.git
synced 2025-04-09 09:44:39 +00:00
style: update comments style
This commit is contained in:
parent
108c7d908b
commit
31c083030d
2 changed files with 4 additions and 5 deletions
|
@ -30,9 +30,9 @@ export const CommentsComment = (props: {
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<article className="p-6 text-base bg-white rounded-lg dark:bg-gray-900">
|
<article className="p-6 text-sm bg-white rounded-lg sm:text-base dark:bg-gray-900">
|
||||||
<footer className="flex items-center justify-between mb-2">
|
<footer className="flex items-center justify-between mb-2">
|
||||||
<div className="flex items-center">
|
<div className="flex flex-col items-start gap-1 sm:items-center sm:flex-row">
|
||||||
<p className="inline-flex items-center mr-3 text-sm font-semibold text-gray-900 dark:text-white">
|
<p className="inline-flex items-center mr-3 text-sm font-semibold text-gray-900 dark:text-white">
|
||||||
<img
|
<img
|
||||||
className="w-6 h-6 mr-2 rounded-full"
|
className="w-6 h-6 mr-2 rounded-full"
|
||||||
|
|
|
@ -7,7 +7,7 @@ export const CommentsMain = (props: {
|
||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
<Card className="antialiased">
|
<Card className="antialiased">
|
||||||
<div className="max-w-2xl px-4 mx-auto">
|
<div className="w-full">
|
||||||
<div className="flex items-center justify-between mb-6">
|
<div className="flex items-center justify-between mb-6">
|
||||||
<div className="flex flex-col gap-1">
|
<div className="flex flex-col gap-1">
|
||||||
<h2 className="text-lg font-bold text-gray-900 lg:text-2xl dark:text-white">
|
<h2 className="text-lg font-bold text-gray-900 lg:text-2xl dark:text-white">
|
||||||
|
@ -18,8 +18,7 @@ export const CommentsMain = (props: {
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<Button
|
<Button
|
||||||
size={"sm"}
|
className="px-2 py-1 text-xs text-gray-500 border border-gray-600 rounded-full hover:bg-black hover:text-white hover:border-black dark:text-gray-400 dark:border-gray-500"
|
||||||
className="text-gray-500 border border-gray-600 rounded-full hover:bg-black hover:text-white hover:border-black dark:text-gray-400 dark:border-gray-500"
|
|
||||||
color="inline"
|
color="inline"
|
||||||
>
|
>
|
||||||
Показать все
|
Показать все
|
||||||
|
|
Loading…
Add table
Reference in a new issue