fix: border layout preview (#418)

* fix: fixed the border radius layout preview

The border-radius preview that overflows out of it's container has been rectified and fixed

"fix #1"

* fixed the border radius layout

Author: OkeleyeVickkk

src/style.css

@@ -844,10 +844,16 @@ 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;