diff --git a/src/components/chat-view/CreateTemplateDialog.tsx b/src/components/chat-view/CreateTemplateDialog.tsx
index ad0a36d..8eef316 100644
--- a/src/components/chat-view/CreateTemplateDialog.tsx
+++ b/src/components/chat-view/CreateTemplateDialog.tsx
@@ -83,7 +83,7 @@ export default function CreateTemplateDialogContent({
-
+
@@ -109,7 +108,7 @@ export default function CreateTemplateDialogContent({
/>
-
+
diff --git a/styles.css b/styles.css
index a8d1fd5..369e5ed 100644
--- a/styles.css
+++ b/styles.css
@@ -1,162 +1,3 @@
-.smtcmp-tailwind {
- /* Flexbox & Grid */
- &.flex {
- display: flex;
- }
- &.flex-col {
- flex-direction: column;
- }
- &.flex-row {
- flex-direction: row;
- }
- &.flex-wrap {
- flex-wrap: wrap;
- }
- &.flex-1 {
- flex: 1 1 0;
- }
- &.items-center {
- align-items: center;
- }
- &.items-start {
- align-items: flex-start;
- }
- &.items-end {
- align-items: flex-end;
- }
- &.justify-center {
- justify-content: center;
- }
- &.justify-between {
- justify-content: space-between;
- }
- &.justify-start {
- justify-content: flex-start;
- }
- &.justify-end {
- justify-content: flex-end;
- }
- &.gap-1 {
- gap: var(--size-4-1);
- }
- &.gap-2 {
- gap: var(--size-4-2);
- }
- &.gap-4 {
- gap: var(--size-4-4);
- }
-
- /* Spacing */
- &.p-1 {
- padding: var(--size-4-1);
- }
- &.p-2 {
- padding: var(--size-4-2);
- }
- &.p-4 {
- padding: var(--size-4-4);
- }
- &.m-1 {
- margin: var(--size-4-1);
- }
- &.m-2 {
- margin: var(--size-4-2);
- }
- &.m-4 {
- margin: var(--size-4-4);
- }
-
- /* Width & Height */
- &.w-full {
- width: 100%;
- }
- &.h-full {
- height: 100%;
- }
-
- /* Display */
- &.hidden {
- display: none;
- }
- &.block {
- display: block;
- }
- &.inline-block {
- display: inline-block;
- }
- &.grid {
- display: grid;
- }
-
- /* Text */
- &.text-center {
- text-align: center;
- }
- &.text-left {
- text-align: left;
- }
- &.text-right {
- text-align: right;
- }
- &.font-thin {
- font-weight: var(--font-thin);
- }
- &.font-extralight {
- font-weight: var(--font-extralight);
- }
- &.font-light {
- font-weight: var(--font-light);
- }
- &.font-normal {
- font-weight: var(--font-normal);
- }
- &.font-medium {
- font-weight: var(--font-medium);
- }
- &.font-semibold {
- font-weight: var(--font-semibold);
- }
- &.font-bold {
- font-weight: var(--font-bold);
- }
- &.font-extrabold {
- font-weight: var(--font-extrabold);
- }
-
- /* Colors */
- &.text-muted {
- color: var(--text-muted);
- }
- &.text-normal {
- color: var(--text-normal);
- }
- &.text-faint {
- color: var(--text-faint);
- }
-
- /* Position */
- &.relative {
- position: relative;
- }
- &.absolute {
- position: absolute;
- }
- &.fixed {
- position: fixed;
- }
-
- /* Overflow */
- &.overflow-hidden {
- overflow: hidden;
- }
- &.overflow-auto {
- overflow: auto;
- }
- &.overflow-scroll {
- overflow: scroll;
- }
-}
-
.smtcmp-chat-header {
display: flex;
justify-content: space-between;
@@ -963,8 +804,10 @@ button.smtcmp-chat-input-model-select {
margin: 0;
}
- .smtcmp-dialog-bottom {
+ .smtcmp-dialog-footer {
margin-top: var(--size-4-2);
+ display: flex;
+ justify-content: flex-end;
}
.smtcmp-dialog-close {