mukeshs/operify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI styling update

Browse Source
This commit is contained in:
mukesh13
2025-08-21 10:21:32 +05:30
parent 04a9f5689b
commit 92a935f753
36 changed files with 501 additions and 402 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/rna-sequencing/components/AboutRNA.jsx
View File

@ -4,8 +4,8 @@ import React from 'react';
const AboutRNA = () => {
return (
<section className="pt-6 bg-white">
<div className="container mx-auto px-6">
<h2 className="text-4xl font-bold text-gray-700 text-left pb-2">
<div className="container max-w-none px-6">
<h2 className="text-4xl font-bold text-teal-700 mb-4">
About RNA Sequencing
</h2>
<h2 className="text-lg font-semibold text-gray-600 mb-4">
@ -16,9 +16,6 @@ const AboutRNA = () => {
<p className="text-gray-600 leading-relaxed text-base mb-4">
RNA sequencing (RNA-Seq) is a method used to determine the sequence and quantity of RNA present in a sample, providing insight into gene expression, alternative splicing, and non-coding RNA functions. It is essential for understanding various biological processes, including disease mechanisms, gene regulation, and cellular responses.
</p>
<p className="text-gray-600 leading-relaxed text-base">
Different RNA sequencing approaches using Next-Generation Sequencing (NGS) are listed below:
</p>
</div>
</div>
</section>

4
app/rna-sequencing/components/RNATable.jsx
View File

@ -106,7 +106,7 @@ const RNATable = () => {
return (
<section className="pt-6 bg-white">
<div className="container mx-auto px-6">
<div className="container max-w-none px-6">
<h3 className="text-2xl font-semibold text-gray-700 mb-6">RNA Sequencing Approaches</h3>
<div className="overflow-x-auto mb-8">
<table className="w-full border-collapse border border-gray-300 text-sm bg-white shadow-sm">
@ -130,7 +130,7 @@ const RNATable = () => {
{sequencingData.map((row, index) => (
<tr key={index} className={`${index % 2 === 1 ? 'bg-gray-50' : 'bg-white'} hover:bg-teal-25 transition-colors`}>
<td className="border border-gray-300 px-4 py-3 align-top">
<a href={row.approach.link} className="text-teal-600 hover:underline font-medium text-base">
<a href={row.approach.link} className="text-gray-600 hover:underline font-medium text-base">
{row.approach.name}
</a>
</td>