UI styling update
This commit is contained in:
@ -1,7 +1,12 @@
|
||||
// components/PackagingShipping/DNASamples.jsx
|
||||
import React from 'react';
|
||||
|
||||
const DNASamples = () => {
|
||||
const guidelines = [
|
||||
"Picogreen quantification is advised from the client, in absence of which an agarose Gel Electrophoresis and Nanodrop quantification must be shared. Samples with A260/280 ratio values of ~1.8 are considered \"pure\" for DNA and will be accepted for processing further.",
|
||||
"For large-scale projects, please submit DNA samples in strip tubes or in well-sealed 96-well PCR plates with semi- or fully-skirted edges (we recommend Eppendorf twin.tec PCR plate 96 LoBind). Arrange samples in a column format (e.g., A1, B1, C1, D1, ..., A2, B2, C2, D2, ...) in contiguous wells. Avoid skipping wells, rows, or columns.",
|
||||
"DNA samples in 70% ethanol can be transported at room temperature, while samples in H2O or TE buffer should be transported with ice packs (e.g., \"blue ice\")."
|
||||
];
|
||||
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
<div>
|
||||
@ -10,26 +15,19 @@ const DNASamples = () => {
|
||||
|
||||
<div className="flex flex-col lg:flex-row gap-6">
|
||||
<div className="flex-1 space-y-4">
|
||||
<p className="text-gray-600 leading-relaxed">
|
||||
Picogreen quantification is advised from the client, in absence of which
|
||||
an agarose Gel Electrophoresis and Nanodrop quantification must be
|
||||
shared. Samples with A260/280 ratio values of ~1.8 are considered "pure"
|
||||
for DNA and will be accepted for processing further.
|
||||
</p>
|
||||
|
||||
<p className="text-gray-600 leading-relaxed">
|
||||
For large-scale projects, please submit DNA samples in strip tubes or in
|
||||
well-sealed 96-well PCR plates with semi- or fully-skirted edges (we
|
||||
recommend Eppendorf twin.tec PCR plate 96 LoBind). Arrange samples in a
|
||||
column format (e.g., A1, B1, C1, D1, ..., A2, B2, C2, D2, ...) in
|
||||
contiguous wells. Avoid skipping wells, rows, or columns.
|
||||
</p>
|
||||
|
||||
<p className="text-gray-600 leading-relaxed">
|
||||
DNA samples in 70% ethanol can be transported at room temperature, while
|
||||
samples in H2O or TE buffer should be transported with ice packs (e.g.,
|
||||
"blue ice").
|
||||
</p>
|
||||
<ul className="space-y-4">
|
||||
{guidelines.map((guideline, idx) => (
|
||||
<li key={idx} className="flex items-start">
|
||||
<span
|
||||
className="w-1.5 h-1.5 rounded-full mt-2 mr-3 flex-shrink-0"
|
||||
style={{backgroundColor: '#faae31'}}
|
||||
></span>
|
||||
<p className="text-gray-600 leading-relaxed">
|
||||
{guideline}
|
||||
</p>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="lg:w-96 flex justify-center">
|
||||
|
||||
Reference in New Issue
Block a user