@ -58,7 +58,7 @@
< / div >
<!-- Dashboard Tab Body -->
< div class = "hidden mb-8" >
< div class = "mb-8" >
<!-- Record Quick - Action -->
< div class = "mb-6" >
< h2 class = "text-xl font-bold mb-2" > Record something given by:< / h2 >
@ -88,33 +88,174 @@
< / div >
< / div >
< div class = "overflow-hidden mb-4" >
< div class = "flex items-center mb-4" >
<!-- List - Design 1 -->
< div class = "hidden overflow-hidden bg-slate-100 rounded-md px-4 py-3 mt-4 mb-4" >
< div class = "flex gap-2 items-center mb-3" >
< h2 class = "text-xl font-bold" > Latest Activity< / h2 >
< button class = "block text-center ml-auto text-sm text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > Unfiltered< / button >
< button class = "block text-center ml-auto text-sm text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-filter fa-fw" > < / i > < / button >
< button class = "block text-center text-sm text-white bg-gradient-to-b from-green-500 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-plus fa-fw" > < / i > < / button >
< / div >
< ul class = "border-t border-slate-300" >
< li class = "border-b border-slate-300 py-2" >
< div class = "flex" >
< i class = "fa-solid fa-gift pt-1 pr-2 text-slate-500" > < / i >
< span class = "" > [Sender] gave [amount] to [recipient]< / span >
< div >
< p class = "font-medium" > 60 MIR token staked towards the project!< / p >
< p class = "text-sm" > (from Someone Outside Your View to the project "iamai-core")< / p >
< / div >
< div class = "flex gap-2 text-lg mt-1" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< / div >
< / li >
< li class = "border-b border-slate-300 py-2" >
< div class = "flex" >
< i class = "fa-solid fa-gift pt-1 pr-2 text-slate-500" > < / i >
< span class = "" > [Sender] gave [amount] to [recipient]< / span >
< div >
< p class = "font-medium" > feedback, plus solution brainstorming & researching (and 0.5 hours)< / p >
< p class = "text-sm" > (from Someone Outside Your View to the project "Time Safari MVP")< / p >
< / div >
< div class = "flex gap-2 text-lg mt-1" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< a href = "" > < i class = "fa-solid fa-user fa-fw text-blue-500" > < / i > < / a >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< / div >
< / li >
< li class = "border-b border-slate-300 py-2" >
< div class = "border-b border-dashed border-slate-400 text-orange-400 py-2 mb-2 font-bold uppercase text-sm" > Previous Activity:< / div >
< div >
< p class = "font-medium" > Expenses for trip to the conference "Decentralized AI Day: Dawn of the Agents" in Denver, Colorado (and 300 USD)< / p >
< p class = "text-sm" > (from Someone Unnamed/Unknown to the project "iamai-core")< / p >
< / div >
< div class = "flex gap-2 text-lg mt-1" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< / div >
< / li >
< / ul >
< / div >
<!-- List - Design 2 -->
< div class = "hidden overflow-hidden bg-slate-100 rounded-md px-4 py-3 mt-4 mb-4" >
< div class = "flex gap-2 items-center mb-3" >
< h2 class = "text-xl font-bold" > Latest Activity< / h2 >
< button class = "block text-center ml-auto text-sm text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-filter fa-fw" > < / i > < / button >
< button class = "block text-center text-sm text-white bg-gradient-to-b from-green-500 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-plus fa-fw" > < / i > < / button >
< / div >
< ul class = "border-t border-slate-300" >
< li class = "border-b border-slate-300 py-2 flex gap-4 justify-between" >
< div >
< p class = "font-medium" > 60 MIR token staked towards the project!< / p >
< p class = "text-sm" > (from Someone Outside Your View to the project "iamai-core")< / p >
< / div >
< div class = "shrink-0 flex gap-2 text-lg" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< / div >
< / li >
< li class = "border-b border-slate-300 py-2 flex gap-4 justify-between" >
< div >
< p class = "font-medium" > feedback, plus solution brainstorming & researching (and 0.5 hours)< / p >
< p class = "text-sm" > (from Someone Outside Your View to the project "Time Safari MVP")< / p >
< / div >
< div class = "shrink-0 flex gap-2 text-lg" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< a href = "" > < i class = "fa-solid fa-user fa-fw text-blue-500" > < / i > < / a >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< / div >
< / li >
< li class = "border-b border-slate-300 py-2 flex gap-4 justify-between" >
< div >
< p class = "font-medium" > Expenses for trip to the conference "Decentralized AI Day: Dawn of the Agents" in Denver, Colorado (and 300 USD)< / p >
< p class = "text-sm" > (from Someone Unnamed/Unknown to the project "iamai-core")< / p >
< / div >
< div class = "shrink-0 flex gap-2 text-lg" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< / div >
< / li >
< / ul >
< / div >
<!-- List - Design 3 -->
< div class = "hidden overflow-hidden mt-4 mb-4" >
< div class = "flex gap-2 items-center mb-3" >
< h2 class = "text-xl font-bold" > Latest Activity< / h2 >
< button class = "block text-center ml-auto text-sm text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-filter fa-fw" > < / i > < / button >
< button class = "block text-center text-sm text-white bg-gradient-to-b from-green-500 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-plus fa-fw" > < / i > < / button >
< / div >
< ul class = "space-y-2" >
< li class = "bg-slate-100 border border-slate-200 rounded-md px-3 py-2" >
< div >
< p class = "font-medium" > < a href = "" class = "text-blue-600" > 60 MIR token staked towards the project!< / a > < / p >
< p class = "text-sm" > (from < a href = "" class = "text-blue-600" > Someone Outside Your View< / a > to the project "< a href = "" class = "text-blue-600" > iamai-core< / a > ")< / p >
< / div >
< / li >
< div class = "flex" >
< i class = "fa-solid fa-gift pt-1 pr-2 text-slate-500" > < / i >
< span class = "" > [Sender] gave [amount] to [recipient]< / span >
< li class = "bg-slate-100 border border-slate-200 rounded-md px-3 py-2" >
< div >
< p class = "font-medium" > < a href = "" class = "text-blue-600" > feedback, plus solution brainstorming & researching (and 0.5 hours)< / a > < / p >
< p class = "text-sm" > (from < a href = "" class = "text-blue-600" > Someone Outside Your View< / a > to the project "< a href = "" class = "text-blue-600" > Time Safari MVP< / a > ")< / p >
< / div >
< / li >
< li class = "bg-slate-100 border border-slate-200 rounded-md px-3 py-2" >
< div >
< p class = "font-medium" > < a href = "" class = "text-blue-600" > Expenses for trip to the conference "Decentralized AI Day: Dawn of the Agents" in Denver, Colorado (and 300 USD)< / a > < / p >
< p class = "text-sm" > (from < a href = "" class = "text-blue-600" > Someone Unnamed/Unknown< / a > to the project "< a href = "" class = "text-blue-600" > iamai-core< / a > ")< / p >
< / div >
< / li >
< / ul >
< / div >
<!-- List - Design 4 -->
< div class = "overflow-hidden mt-4 mb-4" >
< div class = "flex gap-2 items-center mb-3" >
< h2 class = "text-xl font-bold" > Latest Activity< / h2 >
< button class = "block text-center ml-auto text-sm text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-filter fa-fw" > < / i > < / button >
< button class = "block text-center text-sm text-white bg-gradient-to-b from-green-500 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-plus fa-fw" > < / i > < / button >
< / div >
< ul class = "space-y-2" >
< li >
< div class = "bg-slate-100 rounded-t-md border border-slate-300 px-3 py-2" >
< p class = "font-medium" > 60 MIR token staked towards the project!< / p >
< p class = "text-sm" > (from Someone Outside Your View to the project "iamai-core")< / p >
< / div >
< div class = "flex gap-2 text-lg bg-slate-300 rounded-b-md px-3 py-1" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< / div >
< / li >
< li >
< div class = "bg-slate-100 rounded-t-md border border-slate-300 px-3 py-2" >
< p class = "font-medium" > feedback, plus solution brainstorming & researching (and 0.5 hours)< / p >
< p class = "text-sm" > (from Someone Outside Your View to the project "Time Safari MVP")< / p >
< / div >
< div class = "flex gap-2 text-lg bg-slate-300 rounded-b-md px-3 py-1" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< a href = "" > < i class = "fa-solid fa-user fa-fw text-blue-500" > < / i > < / a >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< / div >
< / li >
< li >
< div class = "bg-slate-100 rounded-t-md border border-slate-300 px-3 py-2" >
< p class = "font-medium" > Expenses for trip to the conference "Decentralized AI Day: Dawn of the Agents" in Denver, Colorado (and 300 USD)< / p >
< p class = "text-sm" > (from Someone Unnamed/Unknown to the project "iamai-core")< / p >
< / div >
< div class = "flex gap-2 text-lg bg-slate-300 rounded-b-md px-3 py-1" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< / div >
< / li >
< / ul >
@ -174,7 +315,7 @@
< / div >
<!-- Record Tab Body -->
< div class = "mb-8" >
< div class = "hidden mb-8" >
< div class = "flex justify-between items-center" >
< h2 class = "text-xl font-bold" > Record Something Given By:< / h2 >
< button class = "block text-center ml-auto text-sm text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > Ideas...< / button >