new card types, style changes, image preloading etc etc
diff --git a/styles/Components/card.module.css b/styles/Components/card.module.css
index 077c883..5721fa4 100644
--- a/styles/Components/card.module.css
+++ b/styles/Components/card.module.css
@@ -23,6 +23,18 @@
transition: filter 0.3s ease-in-out;
}
+.noPanel {
+ position: absolute;
+ overflow-x: hidden;
+ overflow-y: hidden;
+ width: 88%;
+ height: 76%;
+ top: 12%;
+ left: 6%;
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
.card {
border-radius: 25px;
width: 100%;
@@ -106,20 +118,21 @@
.longText {
height: 60%;
+ padding-inline: 10px;
}
.buttonLayout {
display: flex;
flex-direction: row;
- justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
padding: 0px;
position: absolute;
bottom: 5px;
right: 5px;
- height: 25%
+ height: 25%;
+ width: calc(100% - 10px);
}
.button {
@@ -148,4 +161,27 @@
.item {
width: min(428px, 90%);
+}
+
+.dashed {
+ /* Create a dashed border */
+ border: 8px dashed var(--theme-ui-colors-text);
+}
+
+.iconRow {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ gap: 10px;
+}
+
+.band {
+ position: relative;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 15%;
}
\ No newline at end of file