fix: fixed the border radius layout preview

The border-radius preview that overflows out of it's container has been rectified and fixed "fix Dun-sin#1"
OkeleyeVickkk · Jul 22, 2023 · c77bda0 · c77bda0
1 parent 4ea2096
commit c77bda0
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/style.css b/src/style.css
@@ -844,11 +844,18 @@ input[type='number']::-webkit-outer-spin-button {
 .border-radius-preview-box {
   width: 250px;
   height: 250px;
-  border: 1px dashed var(--text-color);
+  outline: 1px dashed var(--text-color);
+  display: flex;
+  align-items: center;
+  justify-content: center;
   margin-bottom: 1rem;
   position: relative;
 }
 
+.border-radius-preview-box + .btn-container {
+  margin-top: 1rem;
+}
+
 .border-radius-preview-box .preview {
   width: inherit;
   height: inherit;