feat: style issues

2024-04-25 15:30:03 +05:30
parent 415cad658b
commit 8588dad949
2 changed files with 4 additions and 3 deletions
@@ -14,7 +14,7 @@
      type="submit"
      size="large"
      icon="text-copy"
-      variant="hollow"
+      variant="ghost"
      color-scheme="secondary"
      @click="onClick"
    >
@@ -1,6 +1,6 @@
 <template>
  <div
-    class="flex flex-col gap-4 w-full h-[220px] md:max-h-[220px] p-4 md:w-[350px] rounded-md border border-solid border-ash-200"
+    class="flex flex-col gap-4 w-full h-fit sm:max-h-[220px] p-4 sm:max-w-[350px] rounded-md border border-solid border-ash-200"
    :class="{
      'border border-solid border-primary-300 ': active,
    }"
@@ -14,10 +14,11 @@
          :checked="active"
          type="radio"
          name="hotkey"
+          class="shadow grid place-items-center border-2 border-ash-200 appearance-none rounded-full w-5 h-5 checked:bg-primary-600 before:content-[''] before:bg-primary-600 before:border-4 before:rounded-full before:border-ash-25 checked:before:w-[18px] checked:before:h-[18px] checked:border checked:border-primary-600"
          @change="$emit('click')"
        />
      </div>
-      <span class="text-ash-900 text-sm leading-[1.4] text-start">
+      <span class="text-ash-900 text-sm line-clamp-2 leading-[1.4] text-start">
        {{ description }}
      </span>
    </div>