Applied border to the Parent Column, and watermark of widget card

Author: HarshPanchal18

.idea/deploymentTargetSelector.xml

@@ -70,7 +70,7 @@ dependencies {
 
     implementation("com.google.code.gson:gson:2.10.1")
 
-    val glanceVersion = "1.1.0-alpha01"
+    val glanceVersion = "1.1.0"
     implementation("androidx.glance:glance:$glanceVersion")
     implementation("androidx.glance:glance-appwidget:$glanceVersion")
 }

.idea/other.xml

@@ -29,7 +29,6 @@ import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.KeyboardArrowUp
 import androidx.compose.material3.Card
 import androidx.compose.material3.CardDefaults
-import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.FloatingActionButton
 import androidx.compose.material3.Icon
 import androidx.compose.material3.Scaffold
@@ -163,7 +162,6 @@ class MainActivity : ComponentActivity() {
         }
     }
 
-    @OptIn(ExperimentalMaterial3Api::class)
     @Composable
     fun HomeScreen() {
         listState = rememberLazyListState()

app/build.gradle.kts

@@ -16,9 +16,9 @@ class RefreshQuoteAction : ActionCallback {
         parameters: ActionParameters
     ) {
         updateAppWidgetState(
-            context,
-            PreferencesGlanceStateDefinition,
-            glanceId
+            context = context,
+            definition = PreferencesGlanceStateDefinition,
+            glanceId = glanceId
         ) { prefs ->
             val repo = QuoteRepository(context)
             prefs.toMutablePreferences()

app/src/main/java/com/example/widget_compose/MainActivity.kt

@@ -12,6 +12,7 @@ import androidx.glance.ImageProvider
 import androidx.glance.action.clickable
 import androidx.glance.appwidget.GlanceAppWidget
 import androidx.glance.appwidget.action.actionRunCallback
+import androidx.glance.appwidget.cornerRadius
 import androidx.glance.appwidget.provideContent
 import androidx.glance.background
 import androidx.glance.currentState
@@ -56,6 +57,7 @@ class QuotesWidget : GlanceAppWidget() {
         Column(
             modifier = GlanceModifier
                 .background(Color.White)
+                .cornerRadius(12.dp)
                 .padding(8.dp)
                 .clickable(actionRunCallback<RefreshQuoteAction>()),
             horizontalAlignment = Alignment.End
@@ -69,6 +71,7 @@ class QuotesWidget : GlanceAppWidget() {
                 modifier = GlanceModifier
                     .background(ImageProvider(R.mipmap.ic_launcher))
                     .size(20.dp)
+                    .cornerRadius(4.dp)
             ) {}
         }
     }

app/src/main/java/com/example/widget_compose/action/RefreshQuoteAction.kt

@@ -2,7 +2,7 @@
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:background="#FF81E485"
+    android:background="@color/white"
     android:orientation="horizontal"
     android:padding="8dp">
 
@@ -11,8 +11,8 @@
         android:layout_height="wrap_content"
         android:layout_gravity="center"
         android:layout_marginStart="10dp"
-        android:fontFamily="monospace"
-        android:text="Inhale courage, exhale fear."
+        android:fontFamily="sans-serif"
+        android:text="@string/preview_text"
         android:textAlignment="center"
         android:textColor="@color/black"
         android:textSize="20sp" />

app/src/main/java/com/example/widget_compose/ui/QuotesWidget.kt

@@ -1,3 +1,4 @@
 <resources>
     <string name="app_name">Quotes125</string>
+    <string name="preview_text">Inhale courage, exhale fear.</string>
 </resources>