tryign my bset

PostHog · Jun 27, 2024 · 3ba700a · 3ba700a
1 parent aa307ff
commit 3ba700a
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/src/extensions/surveys/surveys-utils.tsx b/src/extensions/surveys/surveys-utils.tsx
@@ -274,20 +274,24 @@ export const style = (appearance: SurveyAppearance | null) => {
           }
           .thank-you-message {
               position: fixed;
+              margin: 0px;
               bottom: 0px;
-              z-index: ${parseInt(appearance?.zIndex || '99999')};
-              box-shadow: -6px 0 16px -8px rgb(0 0 0 / 8%), -9px 0 28px 0 rgb(0 0 0 / 5%), -12px 0 48px 16px rgb(0 0 0 / 3%);
               font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Roboto", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+              text-align: left;
+              max-width: ${parseInt(appearance?.maxWidth || '300')}px;
+              z-index: ${parseInt(appearance?.zIndex || '99999')};
+              border: 1.5px solid ${appearance?.borderColor || '#c9c6c6'};
+              border-bottom: 0px;
+              width: 100%;
+              ${positions[appearance?.position || 'right'] || 'right: 30px;'}
               border-top-left-radius: 10px;
               border-top-right-radius: 10px;
-              padding: 20px 25px 10px;
               background: ${appearance?.backgroundColor || '#eeeded'};
-              border: 1.5px solid ${appearance?.borderColor || '#c9c6c6'};
-              text-align: center;
-              max-width: ${parseInt(appearance?.maxWidth || '300')}px;
-              min-width: 150px;
+              padding: 20px 25px 10px;
+              box-shadow: -6px 0 16px -8px rgb(0 0 0 / 8%), -9px 0 28px 0 rgb(0 0 0 / 5%), -12px 0 48px 16px rgb(0 0 0 / 3%);
+          }
+          .thank-you-message-container {
               width: 100%;
-              ${positions[appearance?.position || 'right'] || 'right: 30px;'}
           }
           .thank-you-message-body {
               margin-top: 6px;